Css 如何使索引在另一个div框上的div框不阻止第二个div框的hover属性？

我不会在我的问题中包含任何代码

我有三个要素

第一个与第二个重叠（索引较高），第二个与第三个重叠

第三个元素是菜单按钮，悬停时必须触发事件

但是第一个的大小阻止了第三个的悬停特性

那么，我怎样才能让第一个元素保持较高的堆叠索引顺序，并使

---

第三个完全“可悬停”

您可以使用

指针事件：无：

<style type="text/css">
    div {
        position: absolute;
    }

    .over {
        z-index: 10;
        pointer-events: none;
        background: white;
    }

    .under:hover {
        height: 100px;
        background: red;
    }
</style>


<div class="over">Lorem Ipsum</div>
<div class="under">Dolor sit amet</div>


div{
位置：绝对位置；
}
.结束{
z指数：10；
指针事件：无；
背景：白色；
}
.下：悬停{
高度：100px；
背景：红色；
}
乱数假文
多洛·希特·阿梅特


要点

这将使
.over
div完全无法读取。您将无法在其上使用任何单击/悬停/任何事件。与老鼠无关
IE和Opera不支持它
您无法使用css，因为您正在观察浏览器问题。浏览器在对象上引发悬停事件，该事件始终在单个特定对象上引发，即在顶部的对象。您所能做的就是通过脚本将事件传播到下面的对象。因此，我们可以说，不可能“禁用”div容器的hover属性吗？那么如何使用脚本实现呢？据我所知，您无法禁用引发的事件。你所能做的就是忽略这个事件。当您想要使用脚本传播事件时，您必须编写一个函数，该函数在发生悬停事件时引发。在该函数中，您可以检查单击位置下方是否有其他对象。如果是这样的话，你可以在这些物体上进行悬停。非常感谢，这解决了我的问题！！！我对这房子一点也不陌生。。它甚至没有在我的文本编辑器中编入索引，再次感谢：）。。那么对于IE和Opera还有其他方法吗？@cursez:它最初是针对SVG的，只是最近才用HTML实现的。请注意，CSS/HTML工作草案中没有关于它的规范，因此请注意浏览器实现的更改。听起来很有趣，但我不理解这个示例。同样地，上层物体的悬停事件确实被下层物体接收到，但是为什么在上层物体之外的下层物体上悬停不起预期的作用呢？@arkascha:因为它们的高度匹配。请注意，我仅在：hover状态下更改了
.under
元素的高度（使其可见）。玩一会儿，你会发现即使它和任何其他元素之间没有直接重叠，它也能完美工作。对不起，如果我把你和我的示例搞混了，它可能只有两个对象。