停止与顶级元素的互动

时间:2011-08-16 04:55:09

标签: css

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

1 个答案:

答案 0 :(得分:5)

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

任何绝对定位的块元素都会遮挡设置在它们下方的元素,直到最上层元素的尺寸拉伸(在div上设置边框以确切地看到障碍物发生的距离)。

你最好的选择(在css的范围内)是将隐藏的div放置在你需要交互性的地方之下,或者将模糊div的属性直接添加到div中 模糊。

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

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