CSS活动链接样式正在IE7,FF和Safari中正确应用,但未应用于IE6.
.side_nav a.active
{
color:#FFFFFF;
background-color:#9F1F63;
}
Run Code Online (Sandbox Code Playgroud)
有趣的是,背景颜色(背景颜色:#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;
}
Run Code Online (Sandbox Code Playgroud)
编辑:谢谢,但建议没有帮助.当我更改为: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>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
5299 次 |
最近记录: |