替換懸停，僅適用於單擊事件css

Question

在此鏈接上，而不是將鼠標懸停在圖像上，而是僅在單擊主圖像時才顯示其他圖像。我嘗試替換目標，焦點的僞類，但他們都沒有工作。有沒有辦法只用CSS做到這一點？因爲我的CMS不允許插入JavaScript。

感謝， 布魯諾

Answer 1

可以做到這一點。有一個問題，鏈接不註冊：焦點事件，如果您導航到與TAB的鏈接，它將註冊它們。但這對用戶來說是一個問題。無論如何，你可以用它來解決這個問題。只要將的tabindex你的鏈接

<a href="#" tabindex="0"> 
    <img src="1.png"> 
</a> 

上你的CSS：

a:focus img{ 
    content:"xxx"; 
    width:XXpx; 
    height:XXpx; 
    /*Whatever you need here*/ 
} 

Answer 2

Stuff you can do with the 「Checkbox Hack」

它可以組合做HTML，而不僅僅是CSS。您必須結合使用已檢查的css事件和<label>元素，您還必須在文檔的某處隱藏一些複選框。這是很hacky和文章中所描述的。