Question

css a hover设置背景色，在IE浏览器效果只有文字下面有背景色，其它浏览器显示正常

如图上面是IE，怎么才能做出下面的效果：

css代码：





Answer 1

如果是a标签的话，给a标签加一个display:block;
也就是你下面那张图片中最下面一个样式

追问

试过了，不行呢。360浏览器或者火狐谷歌等不用加也是可以的，用IE8不行。

追答

IE8问题确实比较多，纠错能力太强了，导致css稍微有一点不够严谨就出问题，你加一下宽度和高度看看，display:block;也别忘了留着

追问

加完宽度或者高度后同时会撑大li，还是不能改变整行li背景。

追答

因为你在li上设置了内边距 padding:3px 20px; 当然会撑大咯，你明知道里面的a标签是要左右顶边li的，那你还在li上设置内边距padding属性，那肯定是会这样的，你把padding删掉或者做修改吧

Answer 2

.top-menu-nav .kidc li a:hover{
    background:#3a6aee;
    color:#FFF;
    text-decoration:none;
    display:block;
}

追问

试过了，不行呢。360浏览器或者火狐谷歌等都是可以的，用IE8不行。

追答

你把li:hover这个去掉，给li一个宽度试试。我这边IE8显示正常，可能是你的其他样式把a的样式覆盖了，不行的话给a加个id试试。

Answer 3

a标签添加一个display属性，给一下宽高。