gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 13:35:40 25 4
gpt4 key购买 nike

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com