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 に答える