码迷,mamicode.com
首页 > Web开发 > 详细

2018.6.1学习CSS5里顺丰盒子小问题

时间:2018-06-02 11:25:46      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:问题   bsp   ima   hover   inline   鼠标   lin   图片   info   

在制作下面这样的小盒子时

技术分享图片

 

编写的代码 首先要对li元素设置浮动。

技术分享图片

在设置这个li元素下面的a元素时,

因为没有转行内块,inline-block,结果显示出来的页面,鼠标在经过这个选择时(:hover),

改变的背景色白色,将字体颜色完全掩盖,成了下面的样子

技术分享图片

所以,如果li内的a元素属性下面添加上转换行内块的话,就不会出现上图这个问题。

 

2018.6.1学习CSS5里顺丰盒子小问题

标签:问题   bsp   ima   hover   inline   鼠标   lin   图片   info   

原文地址:https://www.cnblogs.com/feijiediyimei/p/9124358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!