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