0

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

我有 3 个元素

第一个重叠（更高的索引）第二个和第二个重叠第三个..

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

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

那么我怎样才能将第一个元素保留在更高的堆叠索引顺序上并拥有

第三个完全“可悬停”？

4

1 回答 1

1

您可以pointer-events: none;在索引较高的 div 上使用：

<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>

现场示例

积分

  • 这将使.overdiv 完全不可交互。您将无法在其上使用任何单击/悬停/任何事件。与鼠标无关。
  • IE 和 Opera 不支持。
于 2012-12-09T11:52:14.267 回答