停止与顶部元素的交互

Question

我有一个 div，我已将其设置为绝对位置和 z-index，高于页面上的所有其他 div。我遇到的问题是绝对位置 div 位于某些与用户鼠标交互的 div 之上。有没有办法关闭绝对定位 div 的交互状态，以便下面的 div 处于活动状态。

Answer 1

绝对定位的元素使用 z-index 进行堆叠 - 这解释了为什么下面的内容无法访问。不幸的是，这不是交互状态的情况，而只是阻塞的情况。

任何绝对定位的块元素都会遮挡设置在它们下方的元素，直到最上面元素拉伸的尺寸（在 div 上设置边框以查看阻塞发生的确切距离）。

您最好的选择（在 css 的范围内）是将遮蔽 div 放置在您需要交互性的下方，或者将遮蔽 div 的属性直接添加到 div 中 被遮住了。

编辑：即 CSS 中没有属性可以打开或关闭交互状态。

2011 年 11 月 11 日更新：请参阅 https://developer.mozilla.org/en/CSS/pointer-events 以获取问题的解决方案。 pointer-events: none; 是该问题的有效解决方案。