html - 仅使用 CSS 在父级悬停时显示按钮并在兄弟悬停时隐藏它

Question

如果这可能是重新发布，我提前表示歉意，我搜索了一下在父级的 :hover 上显示 div。

他们都没有帮助我。

但是我有一些不同的情况。 如果对相同场景有任何其他问题，请分享相同的链接。

我想要的是在 .image-wrapper 的 :hover 上显示一个按钮，并在其 的 :hover 上隐藏它>分享文本。

Here是我到目前为止所做的代码。

Here是 js 解决方案，但我正在寻找 CSS 解决方案。

它也应该在 IE8 上工作。所以 + 选择器也不会工作。是否可以仅使用 CSS？

Answer 1

是的，它只能用 CSS 来完成。

您需要做的是将两个 sibling 放在一个 div 中(例如 .innerWrap)并隐藏 hover 上的按钮 .innerWrap.

Here is the demo for it.