gpt4 book ai didi

javascript - 突出显示 DIV 并在鼠标悬停时将其余部分变暗

转载 作者:行者123 更新时间:2023-11-30 06:58:30 25 4
gpt4 key购买 nike

我有一个充满包含图像的 DIV 的页面。

当我将鼠标悬停在图像上时,我可以突出显示它或添加阴影以通过添加类等轻松强调它,但有没有办法让其他图像变暗。

DIV 已加载到 DOM 中,我希望当前悬停的 DIV 保持 100% 或 1 不透明度,而当一个 DIV 突出显示时,页面上的其余 DIV 会淡化为 70% 或 0.7。

这可能吗?

最佳答案

仅限 CSS:

jsBin demo

#parent:hover > div{ opacity:0.6; }    /* Fade ALL OUT on parent hover */   
#parent > div:hover{ opacity:1; } /* Fade in hovered one */

关于javascript - 突出显示 DIV 并在鼠标悬停时将其余部分变暗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15212102/

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