停止与顶级元素的互动

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;是该问题的有效解决方案。