如何解决更改<li>的背景颜色看起来很有趣
|| 我有一个礼貌的元素。如果li元素是单行,则将鼠标悬停在backgroud颜色上看起来还可以,但是当li元素包含多行文本时,背景颜色看起来有些不好。 请参阅随附的屏幕截图。 #leftNavi li a.current{
color: white;
background: #AD0E3F;
text-decoration: none;
}
#leftNavi li a:hover{
color: white;
background: #AD0E3F;
}
解决方法
简单伴侣只需添加:
#leftNavi li a{display:block;}
参见示例:http://jsfiddle.net/ajthomascouk/5NpAz/
, 您需要使用另一个节点来包装ѭ2content的内容,并将:hover
放在LI
而不是A
上。并使LI浮动以避免其具有完整宽度。
<li>
<div>
<a class=\"current\" href=\"#\"></a>
</div>
</li>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。