2011-09-26 187 views
10

我們想要隱藏按鈕,直到我們將鼠標懸停在div層上。這裏css隱藏按鈕,直到div懸停

FIDDLE>Click to view

從本質上講,我希望能夠將其應用到其他元素也行,不過這會爲現在要做的,任何幫助讚賞

回答

6
.resultContainer:hover .viewThisResult { display: block; } 

:hover父母上的假選擇器。雖然這個問題的代碼包含在問題中,對於後代來說很好。

+1

謝謝,你忘了:.viewThisResult {display:none}但歡呼聲,作品魅力 – 422

+0

對,對不起。有它在小提琴中,我沒有連接,並放棄太快。 :) –

12

只需使用:hover僞在外層div類:

.resultContainer .viewThisResult { 
    display: none; 
} 
.resultContainer:hover .viewThisResult { 
    display: inline; 
} 

這裏的小提琴:http://jsfiddle.net/dTLaF/1/

+1

非常感謝約瑟夫。 – 422

+0

不錯...我想知道如何做到這一點。乾杯約瑟夫 – Photonic