css隐藏按钮直到div悬停

时间:2011-09-26 02:09:53

标签: css hide

我们想隐藏按钮,直到我们将鼠标悬停在div图层上。

FIDDLE在这里>的 Click to view

基本上,我希望能够将此应用于其他元素,但是现在这样做,任何帮助都会有所帮助

2 个答案:

答案 0 :(得分:15)

只需在外部div上使用:hover伪类:

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

这是小提琴:http://jsfiddle.net/dTLaF/1/

答案 1 :(得分:8)

.resultContainer:hover .viewThisResult { display: block; }
父母的

:hover伪选择器。虽然问题的代码包含在问题中,但对后人来说很好。