IE6忽略活动链接CSS样式

CSS活动链接样式正在IE7，FF和Safari中正确应用，但未应用IE6。IE6忽略活动链接CSS样式

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

编辑：谢谢，但该建议并没有帮助。当我更改为：主动效果不适用于任何浏览器。我想这可能是由于我在HTML中应用了这种风格。

<div class="side_nav"> 
     <a class="active" href="Page1.aspx">Page1</a><br /> 
     <a href="Page2.aspx">Page2</a><br /> 
     <a href="Page3.aspx">Page3</a><br /> 
    </div>

来源

2009-02-15 Leah

看到你的编辑后，如果以下没有任何帮助，我会倾向于认为这是类名'active'的问题。我没有IE6在这台机器上进行验证，但是我看到它在堰体问题上窒息。 – 2009-02-16 12:36:07

我试图复制你的代码，格式
你的问题是你看到的链接访问 - 你有访问和活动的格式（所以你有紫色的背景和紫色的文字）
你应该覆盖访问的链接的颜色与活动等级：

.side_nav a.active, .side_nav a.active:visited 
{ 
    color: #FFFFFF; 
    background-color: #9F1F63; 
}

来源

2009-02-16 11:43:35 Kobi

Thanx Kobi！这是访问过的链接。现在在IE6中一直工作。 – Leah 2009-02-16 23:18:45

尝试增加一个更具体的选择器.side_nav a.active如div .side_nav a.active其中div是父元素。

该颜色可能被.side_nav a规则覆盖。

此外，你可能有一个错字 - 试图使用：主动选择器？

来源

2009-02-15 23:06:54

查看他的HTML示例。这是一个班级名称。 – strager 2009-02-16 00:29:52

在IE6中，重要的是您指定锚链接的顺序。您应该按照以下顺序指定它们以实现预期结果：首先是a：链接，然后是a：visited，a：hover和a：active。

来源

2009-02-15 23:06:58 DOK

感谢有关订单的提示。这虽然没有帮助。见上面的编辑。 – Leah 2009-02-16 00:14:58

你的CSS有一个时期，应该有一个冒号，在.side_nav a.active（应该是.side_nav a:active

有了这个固定的，它为我工作在IE6。

来源

2009-02-15 23:17:45

当我使用a：active时，没有任何活动效果适用于任何浏览器。随着a.active这两个效果适用于我测试过的所有浏览器，但IE6除外。 – Leah 2009-02-16 00:19:08

感谢您在IE6中测试它。我想知道我们在锁定环境中是否有旧版本。 – Leah 2009-02-16 00:20:02

尝试使用!important。像这样：

.side_nav a.active 
{ 
    color: #FFFFFF !important; 
    background-color: #9F1F63; 
}

来源

2009-04-14 19:21:30

IE6忽略活动链接CSS样式

回答

相关问题