css隐藏按钮直到div悬停

Question

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

FIDDLE在这里> 点击查看

从本质上讲,我希望能够将此应用于其他元素,但现在这样做,任何帮助表示赞赏

Answer 1

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

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

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

Answer 2

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

:hover父母的伪选择器.对于后代来说,问题的代码包含在问题中是很好的.