Question

IE 10,9,8和7出于某种原因在我点击它们时为我的导航链接添加了一个愚蠢的背景，当你将它们悬停在它们上时，一切都按照它应该的方式发生，但是当你点击它时这个愚蠢的白色背景颜色出现在它后面，就像它受到我的填充影响，但是如果我移除我的填充，你可以想象我的导航栏搞砸了。

#navbar {
width:1000px;
height:30px;
margin-top:-35px;
position:relative;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
behavior:url(../CSSPie/PIE.htc);
}

#navbar ul {
list-style:none;
}

#navbar li, a {
display:inline;
font-family:Calibri, "Calibri Light", Cambria, "Cambria Math";
text-decoration:none;
color:#CCC;
padding:5px 10px 0px 0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
behavior:url(../CSSPie/PIE.htc);
}

#navbar a:hover {
color:#FFF;
}

提前谢谢！

Answer 1

您应该检查代码anchor的默认样式。

a:link { }
a:visited { }
a:hover { }
a:active { }

可能IE已经建立了一些影响你的风格的默认值，所以你可以尝试覆盖它们，以使它看起来很好用你的风格。

您说他们点击它们时会中断，可能您必须覆盖active或visited个样式。类似的东西：

a:visited { background: none; }
a:active { background: none; }

或：

a:visited { background-color: transparent; }
a:active { background-color: transparent; }

IE在悬停时添加背景颜色

1 个答案: