html - IE6 忽略事件链接 CSS 样式

标签 html css

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

编辑:谢谢,但建议没有帮助。当我更改为 a:active 时,事件效果在任何浏览器中都不起作用。我认为这可能是由于我在 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>

最佳答案

在 IE6 中,指定 anchor 链接的顺序很重要。您应该按以下顺序指定它们以获得预期结果:首先是 a:link,然后是 a:visited、a:hover 和 a:active。

关于html - IE6 忽略事件链接 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/551778/

相关文章:

html - img 标签中 ismap 属性的真正用途是什么?

jquery - 当鼠标悬停在 Internet Explorer 中时 Div 闪烁

html - 使用 Neat 的列之间的边距

jquery - 创建仅在移动设备中的中型设备(平板电脑)bot 上显示的 Bootstrap 菜单汉堡包图标

html - 使用 % 宽度、最小/最大宽度和 100% 高度的 float div(响应式)

html - 覆盖按钮不可点击

jQuery 移动元素并页面闪烁

javascript - 按钮图像没有变化

jquery - 如何添加阅读更多点击事件以仅打开一篇新闻文章?

html - 在文本下方对齐下拉菜单