2011-09-26 140 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