当前位置: 代码迷 >> HTML/CSS >> 小弟我的CSS a:active无效?为啥?
  详细解决方案

小弟我的CSS a:active无效?为啥?

热度:941   发布时间:2012-02-27 10:00:22.0
我的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>
  相关解决方案