gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 17:40:46 25 4
gpt4 key购买 nike

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

他们都没有帮助我。

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

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

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

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

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

最佳答案

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

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

Here is the demo for it.

关于html - 仅使用 CSS 在父级悬停时显示按钮并在兄弟悬停时隐藏它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24165129/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com