我有一个div,我已经设置为绝对位置和z-index高于页面上所有其他div。我遇到的问题是绝对位置div位于某些与用户鼠标交互的div上面。有没有办法关闭绝对定位div的交互式状态,以便下面的div有效。停止与顶部元素的交互
回答
绝对定位元素使用z索引用于堆叠 - 这可以解释为什么以下内容是不可访问的。不幸的是,这不是一个互动状态的情况,而仅仅是障碍。
在任何绝对定位的块的元件将模糊尽可能设置为低于它们作为最上面的元件伸展的尺寸(设置在div的边界看到障碍物究竟有多远发生)元件。
你最好的选择(在CSS的范围内)是将遮蔽div放在你需要交互的地方,或者将遮蔽div的属性直接添加到被遮挡的div上 。
编辑:即在CSS中没有属性来打开或关闭交互式状态。
更新2011/11/11:看https://developer.mozilla.org/en/CSS/pointer-events一个解决问题的办法。 pointer-events: none;
是对问题的有效解决方案。
的SVG属性已被添加到CSS3规范允许用户“到”元素选择的元素: [https://developer.mozilla.org/en/CSS/pointer-events](https:// developer.mozilla.org/en/CSS/pointer-events)。 FF和Webkit支持此属性;不完全确定其他支持。 新的属性非常适合禁止与'当前'页面的链接进行交互。 – Larry
很好的发现'指针事件:无;'那不是我的雷达。 –
- 1. 在锚点标记顶部显示交互式Html元素
- 2. 让顶部元素淡出,底部元素淡入鼠标悬停,然后让顶部元素在鼠标停止悬停后淡入?
- 3. GWT小部件中的交互元素
- 4. 交互shell停止管
- 5. 顶部伪元素的堆栈顶部
- 6. 静态元素的交互
- 7. jquery元素顶部
- 8. 停止移动的文本:悬停与边界顶部
- 9. 停止点击工作内部元素
- 10. 停止视图中的用户交互
- 11. 的UITextField停止对用户交互
- 12. OnGui元素与其他OnGui元素进行交互
- 13. 如何让我的社交图标在页脚顶部停止
- 14. 如何递归交换堆栈的顶部元素到底部
- 15. 停止TableView从底部移动顶部
- 16. 在使用wysihtml5创建后,停止滚动到textarea元素的顶部
- 17. 如何使用CSS停止滚动屏幕顶部的HTML元素
- 18. Highcharts:停止一个与鼠标交互的系列?
- 19. 在linux下停止鼠标与桌面的交互
- 20. 如何停止对用户交互
- 21. 如何单元测试与DOM元素交互的Javascript代码
- 22. jquery悬停元素交换元素
- 23. 与外部程序交互
- 24. 如何滚动到元素并在到达视口顶部时停止?
- 25. 停止重新加载锚点元素和/或滚动到顶部
- 26. 如何获得元素停留在的browers的顶部在ipad
- 27. 防止与网页上的元素进行交互时发生滑动事件
- 28. FLoated元素顶部对齐
- 29. 元素总是在顶部
- 30. 在标题中强制两个元素相互位于顶部
看看这个类似的问题:http://stackoverflow.com/questions/3452423/possible-a-div-overlay-which-is-completely-ignored-by-mouse-events-so-that-mo –
一个示例代码就会好很多的帮助,让我们明白你要表达的 – sasidhar
看到什么:http://stackoverflow.com/questions/6740242/click-link-below-a-higher-z-index-div/6740272#6740272 – thirtydot