显示父母悬停时的按钮，并仅使用CSS将其隐藏在兄弟的悬停上

Question

如果这可能是重新发布的话我提前道歉，我在父母的:hover上搜索了一下div。

他们都没有帮助我。

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

我想要的是在:hover的{​​{1}}上显示一个按钮，并将其隐藏在其.image-wrapper文字的:hover上。

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

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

它也应该在IE8上工作。所以share选择器也不起作用。是否可以只使用CSS？

Answer 1

是的，只能用CSS完成。

您需要做的是将两个兄弟姐妹合在一起div（例如.innerWrap）并隐藏hover .innerWrap上的按钮。

Here is the demo for it.