jQuery - css在更高的Z-index上禁用div

Question

我的问题: 是否有可能禁用div(Z-index 2),因此它仍然可见并使鼠标"无法察觉",因此我可以通过它(鼠标悬停,点击)实现鼠标操作到它下面的启用div？这意味着您可以单击下面的div,因为您的鼠标位于禁用的div顶部或鼠标悬停在顶部的div上,它将无关紧要或影响由它下面的div调用的鼠标悬停操作.

问题: 我在网上和stackoverflow上搜索过,无法找到我想要的简单答案.我有几个div和一些在不同的Z-index上相互重叠,而顶部的那些正在弄乱下面的那些动作.

示例: - 我在下部div(Z-Index 1)中有一个包含鼠标悬停操作的漂亮图形框.当鼠标悬停在盒子上时,它会触发操作. - - 我在新图层(Z-Index 2)上的div上的框上也有一些漂亮的图形文本,但这会干扰下面框中的鼠标悬停操作.这看起来好像我的鼠标离开了盒子,但它并没有只是在更高级别的div上.

问题摘要: 我可以禁用div,因此它不可点击或触发鼠标悬停调用,但仍然可见吗？

Answer 1

是的,您可以使用以下CSS属性:

pointer-events: none;

取决于您定位的浏览器.不会说这个属性得到很好的支持.

请参阅:http://caniuse.com/pointer-events