3

我在一个较大的容器中有两个不同的元素(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 标记之前)?谢谢!

4

1 回答 1

9

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

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

于 2012-09-26T07:47:03.247 回答