css隐藏按钮直到div悬停

Question

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

小提琴在这里> 点击查看

本质上，我希望能够将此应用于还有其他元素，但现在就这样了，任何帮助表示赞赏

Answer 1

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

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

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

Answer 2

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

:hover 父级上的伪选择器。不过，对于后代来说，当问题的代码包含在问题中时，这很好。

Answer 3

当使用此功能并尝试悬停时，大多数情况下它不起作用，因为当某些内容被隐藏时，它不再可以激活悬停，解决此问题的最简单方法是使其透明并使用悬停来删除透明度。