我有一個切換腳本很好,但我試圖添加一個鼠標懸停效果,我遇到了麻煩。修復與切換按鈕和兒童DIV的鼠標懸停
我有四個標籤,其中兩個是簡單的DIV與背景顏色,我有兩個額外的按鈕與背景圖像。
我爲所有標籤創建了一個鼠標懸停效果,但是當我點擊一個按鈕時它看起來不正確。一旦我點擊一個按鈕,該按鈕需要在點擊時改變背景位置,並且鼠標應該停在按鈕之上。
這裏是我的鏈接:http://jsfiddle.net/eriksnet/9cr4F/1/
謝謝。
我有一個切換腳本很好,但我試圖添加一個鼠標懸停效果,我遇到了麻煩。修復與切換按鈕和兒童DIV的鼠標懸停
我有四個標籤,其中兩個是簡單的DIV與背景顏色,我有兩個額外的按鈕與背景圖像。
我爲所有標籤創建了一個鼠標懸停效果,但是當我點擊一個按鈕時它看起來不正確。一旦我點擊一個按鈕,該按鈕需要在點擊時改變背景位置,並且鼠標應該停在按鈕之上。
這裏是我的鏈接:http://jsfiddle.net/eriksnet/9cr4F/1/
謝謝。
這是因爲#r6:hover .gnM
的優先級高於.button-toogle-on
。 CSS具有CSS的層次結構,基於它的定義位置,如果是內嵌的,則指定多少個元素。閱讀更多here。
不管怎麼說,這個工作:
#r6 #bxGender .button-toggle-on {
background-position: 0 -120px
}
的jsfiddle:http://jsfiddle.net/9cr4F/3/
對不起,剛剛更新的鏈接。 – Erik 2012-04-13 15:45:37