2013-10-10 59 views
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;} 

在這裏,我可以看到:懸停是工作,但沒有案例;積極

+0

當活動鏈接被點擊(或以其他方式激活)時,''active''被觸發,而不是在點擊和頁面改變之間。既然你不能在沒有懸停的情況下點擊它,你只會看到活動狀態,如果你把焦點移到鏈接上,然後用回車鍵激活它。 – Quentin

+0

@MassivePenguin,你意識到[_:the:active僞類適用於一個元素被用戶激活。例如,在用戶按下鼠標按鈕並釋放它的時間之間。「_](http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes)...所以它沒有任何做你的服務器響應速度。 – CBroe

+0

CBroe - 我的不好。已刪除評論,以免進一步混淆此事。 – MassivePenguin

回答

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;} 
1

ŧ他的僞類:active只在鏈接被點擊時觸發(同時按住鼠標按鈕),請檢查此demo

如果您想突出顯示當前處於活動狀態的頁面的鏈接,則需要創建一個額外的「活動」類。由於您使用PHP,因此您可以確定服務器端哪一頁是活動頁面,並將該類回顯到該頁面鏈接中。

祝你好運!