如何在鼠標懸停在主區域(如YouTube註釋)上時顯示鏈接。在鼠標懸停時顯示div
我有這段代碼 - 但是當鼠標在.showme類上時,它不像showhim元素那樣可見。
<div class="showhim">HOVER ME<div class="showme">hai</div></div>
.showme{
display: none;
}
.showhim:hover .showme{
display : block;
}
如何在鼠標懸停在主區域(如YouTube註釋)上時顯示鏈接。在鼠標懸停時顯示div
我有這段代碼 - 但是當鼠標在.showme類上時,它不像showhim元素那樣可見。
<div class="showhim">HOVER ME<div class="showme">hai</div></div>
.showme{
display: none;
}
.showhim:hover .showme{
display : block;
}
也許你想要內部div在外部的流動。在這種情況下使用
.showhim:hover .showme{
display : inline-block;
}
或者,如果你想顯示的內格上:hover
內的div也使用
showme{
visibility: hidden;
}
.showhim:hover .showme{
visibility: visible;
}
只有一兩件事:也許你使用IE 6的測試髒一個來自雷德蒙德不知道:hover
的元素除了<a/>
。順便說一句,他不知道display: inline-block
。
[朋友不讓朋友使用IE6](http://www.ie6countdown.com/) – 2013-03-19 18:33:51
@AaronBlenkush,+1所以我們希望你有70億的朋友。 ;-) – 2013-03-19 18:36:45
它看起來像一樣。請看看我上面的評論。 – 2013-03-19 18:48:45
適用於我:看到這個jsFiddle http://jsfiddle.net/AaronBlenkush/Y8Ygh/ – 2013-03-19 18:28:18
我需要它也是可見的時候超過showme。當鼠標懸停在小十字架上時,請查看YouTube(報告) – 2013-03-19 18:45:56
由於.showme是「.showhim」的子節點,它在* .showme上方懸停時也是可見的......您是否嘗試過[小提琴(http://jsfiddle.net/AaronBlenkush/Y8Ygh/1/)?你在運行什麼瀏覽器和版本? – 2013-03-19 19:59:27