2013-03-19 640 views
0

如何在鼠標懸停在主區域(如YouTube註釋)上時顯示鏈接。在鼠標懸停時顯示div

我有這段代碼 - 但是當鼠標在.showme類上時,它不像showhim元素那樣可見。

<div class="showhim">HOVER ME<div class="showme">hai</div></div> 

.showme{ 
display: none; 
} 
.showhim:hover .showme{ 
display : block; 
} 
+3

適用於我:看到這個jsFiddle http://jsfiddle.net/AaronBlenkush/Y8Ygh/ – 2013-03-19 18:28:18

+0

我需要它也是可見的時候超過showme。當鼠標懸停在小十字架上時,請查看YouTube(報告) – 2013-03-19 18:45:56

+0

由於.showme是「.showhim」的子節點,它在* .showme上方懸停時也是可見的......您是否嘗試過[小提琴(http://jsfiddle.net/AaronBlenkush/Y8Ygh/1/)?你在運行什麼瀏覽器和版本? – 2013-03-19 19:59:27

回答

1

也許你想要內部div在外部的流動。在這種情況下使用

.showhim:hover .showme{ 
    display : inline-block; 
} 

或者,如果你想顯示的內格上:hover內的div也使用

showme{ 
    visibility: hidden; 
} 
.showhim:hover .showme{ 
    visibility: visible; 
} 

只有一兩件事:也許你使用IE 6的測試髒一個來自雷德蒙德不知道:hover的元素除了<a/>。順便說一句,他不知道display: inline-block

+1

[朋友不讓朋友使用IE6](http://www.ie6countdown.com/) – 2013-03-19 18:33:51

+1

@AaronBlenkush,+1所以我們希望你有70億的朋友。 ;-) – 2013-03-19 18:36:45

+0

它看起來像一樣。請看看我上面的評論。 – 2013-03-19 18:48:45

相關問題