造型4個不同divs：懸停，：visited和：

我得到這個HTML：

<a href="http://test"><div id="topleftbox"></div></a> 
<a href="http://test"><div id="toprightbox"></div></a> 
<a href="http://test"><div id="bottomleftbox"></div></a> 
<a href="http://test"><div id="bottomrightbox"></div></a>

我的風格這些div有這樣一個背景圖片：

#topleftbox { 
    background: url(../img/images/layout_03.jpg); 
    background-repeat: no-repeat; 
    width: 229px; 
    height: 228px; 
    float: left; 
    } 

#topleftbox:hover { 
    background: url(../img/hoverimages/layout_03.jpg); 
    }

我與新形象的作品懸停。是否可以添加：visited和：active，這樣新的（懸停）圖像在點擊/訪問前一個鏈接/圖像後會永久顯示？

感謝

jsfiddle.net/AcvbG - 這就是現在的作品與顏色。奇怪的是不與背景圖片..

我的目標是：When clicking,hovering the #leftbox背景圖片必須改變到另一個，使用：visited，：hover和：active。

任何人都知道解決方案？或者我必須使用JavaScript（有限知識）謝謝你們

來源

2013-02-27 Patrick K

我不相信那些僞類會做你想做的。
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

的：有源僞類適用而一個元素被激活由用戶。例如，用戶按下鼠標按鈕之間的時間並將其釋放。

一旦鏈接被用戶訪問過，visited個類將被應用。

~~如果你願意使用JavaScript，那麼有一些選擇。~~

編輯：

你可能風格你<a>標籤是像你的div，而只是改變他們的背景。這是完全可行的。

http://jsfiddle.net/AcvbG/

來源

2013-02-27 22:20:19

感謝您的回答。我的JavaScript知識是有限的，但我願意試一試.. – 2013-02-27 22:24:28

http://jsfiddle.net/AcvbG/也許這樣的事？ – 2013-02-27 22:28:25

上面的說法是正確的 - 僞類不會做你想找的東西，因爲它們根本就不能這樣工作;他們有預先確定的角色。如果你使用JS或jQuery，它不會太難。（）函數（）{（this）.addClass（「visited」）; }）; .visited {background：url（../ img/hoverimages/layout_03.jpg）; } – 2013-02-27 22:32:23

造型4個不同divs：懸停，：visited和：

回答

相關問題