0

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;
}

先感谢您！

4

1 回答 1

0

您应该检查标签的默认样式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; }
于 2013-07-01T10:27:19.783 回答