Question

这是我的HTML代码

<table width="100%" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td width="30"><a class="doll" href="<?php echo base_url();?>home/cr/USD"></a></td>
    <td width="30"><a class="eu" href="<?php echo base_url();?>home/cr/EUR"></a></td>
    <td width="30"><a class="pou" href="<?php echo base_url();?>home/cr/GBP"></a></td>
  </tr>
</table>

并列出了我的css

a.doll:link{background:url(../images_en/dollar.png) no-repeat; width:27px; height:27px; float:left;}
a.doll:hover,a.doll:active {background:url(../images_en/dollar_active.png) no-repeat; width:27px; height:27px; float:left;}
a.eu:link {background:url(../images_en/euro.png) no-repeat; width:28px; height:28px; float:left;}
a.eu:hover,a.eu:active {background:url(../images_en/euro_active.png) no-repeat; width:28px; height:28px; float:left;}
a.pou:link {background:url(../images_en/pound.png) no-repeat; width:28px; height:28px; float:left;}
a.pou:hover,a.pound:active {background:url(../images_en/pound_active.png) no-repeat; width:28px; height:28px; float:left;}

在这里，我可以看到：悬停正在运行，但不是为了;活跃

Answer 1

仅在单击链接时触发伪类:active（在按住鼠标按钮的同时），检查此demo。

如果您想要突出显示当时处于活动状态的页面的链接，您需要创建一个额外的＆＃34;活动＆＃34;类。由于您使用PHP，因此可以确定服务器端哪个页面是活动页面，并将该类回显到该页面链接。

祝你好运！

Answer 2

试试这个：

a.doll:link{background:url(../images_en/dollar.png) no-repeat; width:27px; height:27px; float:left;}
a.doll:hover{
}
a.doll:active {background:url(../images_en/dollar_active.png) no-repeat; width:27px; height:27px; float:left;}
a.eu:link {background:url(../images_en/euro.png) no-repeat; width:28px; height:28px; float:left;}
a.eu:hover{
}
a.eu:active {background:url(../images_en/euro_active.png) no-repeat; width:28px; height:28px; float:left;}
a.pou:link {background:url(../images_en/pound.png) no-repeat; width:28px; height:28px; float:left;}
a.pou:hover{
}
a.pou:active {background:url(../images_en/pound_active.png) no-repeat; width:28px; height:28px; float:left;}

a：活动链接无效

2 个答案: