gpt4 book ai didi

html - Z-index 防止另一个元素上的悬停属性

转载 作者:搜寻专家 更新时间:2023-10-31 22:32:32 24 4
gpt4 key购买 nike

我在一个较大的容器中有两个不同的元素 (div class="")。

我们称它们为 div class="overlay_container"和 div class="title"。 div class="overlay_container"有一个子类 .image,它在悬停时在整个较大的容器上创建一个覆盖层。

div class="title"的 z-index 为 10,000,位于 .image 之上,因此位于叠加层之上。不幸的是,当您将鼠标悬停在“标题”上时,下面的子类覆盖图像会消失。

我知道问题显然是“标题”div 位于其他 div 之上,因此悬停将因 z-index 而消失。但是我该如何解决呢?我该如何做到这一点,以便当您将鼠标悬停在“标题”上时,.image 叠加层仍然出现?

如果您的回答涉及 jQuery,能否请您告诉我将脚本放在哪里(在/head 标记之前)?谢谢!

最佳答案

pointer-events:none; 添加到标题 div 可能有效吗?

看起来大多数浏览器都能识别它,除了....dun dun dun...IE: http://caniuse.com/#search=pointer-events

关于html - Z-index 防止另一个元素上的悬停属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12581233/

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