小弟我的CSS a:active无效?为啥?
日期：2014-05-17 浏览次数：20697 次
我的CSS a:active无效??为啥??
我是问题是为什么ACTIVE无效? 点击后不能显示指定的背景但是HOVER可以显示
这是HTML
<body>
<div class="topNavi">
<div class="navi">
<ul>
<li><a href="index.php">进入主页</a></li>
<li><a href="http://blog.jdwan.com/">曲终博客</a></li>
<li><a href="#">QQ群:24681320</a></li>
</ul>
</div>
</div>
</body>
这里是CSS
.navi a:link,a:visited {
text-decoration: none;
text-align: center;
display: block;
height: 100%;
width: 100%;
padding-top: 8px;
font-family: "Microsoft YaHei","微软雅黑", "宋体", sans-serif;";
font-size: 14px;
font-weight: bold;
color: #FFF;
}
.navi a:hover{
color: #FFF;
background-image: url(navi_hover_sel.png);
background-repeat: repeat-x;
}
.navi a:active{
color: #FFF;
background-image: url(navi_hover_sel.png);
background-repeat: repeat-x;
}
------解决方案--------------------
这人当然不行啦。。
Active 是指什么状态呢？
<a href="#">测试</a>
在这种情况下， 点击连接时（鼠标未放开），效果在
鼠标松开时,效果在
<a href="index.php">测试</a>
在这种情况下，点吉连接时（鼠标未放开），效果在
鼠标松开时,跳转到新页面，效果不在。
我大概明白你的意思。
你应该在程序做判断，获取当前文件名
<body>
<?php
$weburl=获取文件名代码
?>
<div class="topNavi">
<div class="navi">
<ul>
<li <%php if(stripos($weburl, "index.php")) echo "class='menuactive'"%>><a href="index.php">进入主页</a></li>
<li><a href="http://blog.jdwan.com/">曲终博客</a></li>
<li><a href="b.php" <%php if(stripos($weburl, "b.php")) echo "class='menuactive'"%>>QQ群:24681320</a></li>
</ul>
</div>
</div>
</body>
我是问题是为什么ACTIVE无效? 点击后不能显示指定的背景但是HOVER可以显示
这是HTML
<body>
<div class="topNavi">
<div class="navi">
<ul>
<li><a href="index.php">进入主页</a></li>
<li><a href="http://blog.jdwan.com/">曲终博客</a></li>
<li><a href="#">QQ群:24681320</a></li>
</ul>
</div>
</div>
</body>
这里是CSS
.navi a:link,a:visited {
text-decoration: none;
text-align: center;
display: block;
height: 100%;
width: 100%;
padding-top: 8px;
font-family: "Microsoft YaHei","微软雅黑", "宋体", sans-serif;";
font-size: 14px;
font-weight: bold;
color: #FFF;
}
.navi a:hover{
color: #FFF;
background-image: url(navi_hover_sel.png);
background-repeat: repeat-x;
}
.navi a:active{
color: #FFF;
background-image: url(navi_hover_sel.png);
background-repeat: repeat-x;
}
------解决方案--------------------
这人当然不行啦。。
Active 是指什么状态呢？
<a href="#">测试</a>
在这种情况下， 点击连接时（鼠标未放开），效果在
鼠标松开时,效果在
<a href="index.php">测试</a>
在这种情况下，点吉连接时（鼠标未放开），效果在
鼠标松开时,跳转到新页面，效果不在。
我大概明白你的意思。
你应该在程序做判断，获取当前文件名
<body>
<?php
$weburl=获取文件名代码
?>
<div class="topNavi">
<div class="navi">
<ul>
<li <%php if(stripos($weburl, "index.php")) echo "class='menuactive'"%>><a href="index.php">进入主页</a></li>
<li><a href="http://blog.jdwan.com/">曲终博客</a></li>
<li><a href="b.php" <%php if(stripos($weburl, "b.php")) echo "class='menuactive'"%>>QQ群:24681320</a></li>
</ul>
</div>
</div>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
