CSS活动链接样式正在IE7,FF和Safari中正确应用,但未应用于IE6.
.side_nav a.active { color:#FFFFFF; background-color:#9F1F63; }
有趣的是,背景颜色(背景颜色:#9F1F63;)正在IE6中应用,但不是字体颜色(颜色:#FFFFFF;)
关于为什么会发生这种情况的任何想法以及如何解决这个问题.
以下导航的完整样式:
.side_nav { text-align : left; margin-left: -10px; } .side_nav ul { list-style-type: none; list-style-position:inside; margin-left:0px; } .side_nav li { margin-top: 10px; display: list-item; list-style-type:none; } .side_nav a, .side_nav a:visited { text-decoration: none; color : #9F1F63; font-weight : bold; padding: 5px 10px 5px 10px; } .side_nav a:hover { color:#B26D7F; } .side_nav a.active { color:#FFFFFF; background-color:#9F1F63; }
编辑:谢谢,但建议没有帮助.当我更改为:active时,活动效果在任何浏览器中都不起作用.我想这可能是因为我在HTML中应用了这种风格.
DOK.. 5
在IE6中,您指定锚链接的顺序很重要.您应该按此顺序指定它们以达到预期的结果:首先是a:link,然后是a:visited,a:hover和a:active.
在IE6中,您指定锚链接的顺序很重要.您应该按此顺序指定它们以达到预期的结果:首先是a:link,然后是a:visited,a:hover和a:active.