0

这是我的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;}

在这里我可以看到 :hover 正在工作，但如果 ;active 则不行

4

2 回答 2

1

伪类:active仅在单击链接时触发（同时按住鼠标按钮），请查看此演示。

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

祝你好运！

于 2013-10-10T07:10:15.237 回答
0

尝试这个 ：

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;}
于 2013-10-10T07:09:51.533 回答