活动状态图像显示

我有一些图像需要更改，不仅基于悬停，还基于活动状态。活动状态图像显示

如果你看看这里的页面：http://site427.mysite4now.net/tazthedog/site1/有一些标签与丝网印刷快速链接等。标签图像与链接相关联并正确显示。标签中的图标默认为灰色，并且在鼠标悬停时会变成蓝色，但是，我也需要它在“活动”状态下为蓝色。

这里是CSS：

.quick-links em:hover { background: transparent url(../images/quick-links.png)10px 9px no-repeat; 
display: block; 
float: left;}

下面是HTML：

<ul class="tabs"> 
    <li class="quick-links"> 
     <a href="#quickLinks" id=""> 
     <em> 
      <span>Screen Printing Quick Links</span> 
     </em> 
     </a> 
    </li> 
    <li class="distributor-ql"> 
     <a href="#distributorQL" id=""> 
      <em> 
      <span>Dealer &amp; Distributor Quick Links</span> 
      </em> 
     </a> 
    </li> 
</ul>

我尝试添加一个.quick链接EM：活跃......但是，这并不维护。我知道有一种方法可以在处于活动状态时将图标保持蓝色，我只需要一点帮助即可了解这是什么。

谢谢！

来源

2010-03-18 fmz

你想在周围的链接处于活动状态时更改<em>的状态？然后用正确的选择：

.quick-links a:active em {/* your declaration */}

使用相同的悬停，特别是如果你想保持向后兼容性的IE6。如果这是您的实际代码，请更改您的标记以删除<span>和<em>。

来源

2010-03-18 11:38:20 Residuum

感谢您的纠正指示。我在第一个标签上进行了更改： .quick-links a：hover em， .quick-links a：active em {background：transparent url（../ images/quick-links.png）10px 9px no -重复;显示：块;向左飘浮; } 但是，图标仍然是灰色的。 a：主动性应该足以实现这一目标吗？ – fmz

使用Firebug检查链接是否实际上在单击该链接后激活伪类。也许JavaScript会从链接中移除活动属性。 – Residuum

活动状态图像显示

回答

相关问题