css - IE 在悬停时添加背景颜色

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