css - 停止与顶部元素的交互

Question

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

Answer 1

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

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

您最好的选择(在 css 范围内)是将模糊 div 放置在您需要交互的位置下方，或者将模糊 div 的属性直接添加到正在创建的 div模糊不清。

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

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