当前位置:  开发笔记 > 前端 > 正文

IE6忽略了活动链接CSS样式

如何解决《IE6忽略了活动链接CSS样式》经验,为你挑选了1个好方法。

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.



1> DOK..:

在IE6中,您指定锚链接的顺序很重要.您应该按此顺序指定它们以达到预期的结果:首先是a:link,然后是a:visited,a:hover和a:active.

推荐阅读
围脖上的博博_771
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有