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

我的问题： 是否有可能禁用一个div（Z-index 2），使其仍然可见，并使其被鼠标“不可见”，以便我可以通过它（鼠标悬停，单击）实现鼠标操作，以使其下方的已启用div保持可见？这意味着您可以单击下面的div，因为您的鼠标位于禁用div的顶部，或者鼠标悬停在上面的div上，这不会影响下方div调用的鼠标悬停操作

问题： 我在网上和stackoverflow上搜索过，但找不到我正在寻找的简单答案。我有几个div，其中一些在不同的Z-index上相互重叠，顶部的div将下面的div的操作搞乱了

示例： --我在下分区（Z索引1）中有一个漂亮的图形框，其中包含鼠标悬停动作。当鼠标悬停在长方体上时，会触发动作。 --我在新图层（Z索引2）上的div框上也有一些漂亮的图形文本，但这会干扰下面框上的鼠标悬停操作。这让我觉得我的鼠标好像离开了盒子，但它没有，它只是在更高层次上的一个div上

---

问题摘要：我是否可以禁用div，使其不可单击或触发鼠标悬停调用，但仍然可见

是的，您可以使用以下CSS属性：

pointer-events: none;

但这取决于您的目标浏览器。不会说这个属性得到了很好的支持

---

请参阅：

您是否尝试使您的2级div实际上是1级的孩子？您应该跟踪

mouseenter

/

mouseleave

，而不是

mouseover

/

mouseout

---

小说明：

mouseout

当鼠标不直接在捕获的事件目标上时会被激发，即使指针越过目标的子对象。对于

mouseleave

，只有当鼠标指针离开目标元素及其任何子元素时，才会触发该命令。可以把它想象成类似于CSS的鼠标指针：悬停

。我知道它必须是可能的和简单的同时。伟大的我并不需要它。只是想知道这可以通过jQuery改变，比如打开或关闭？无论如何，再次谢谢你。我还不能接受你的答案，因为还没有“十分钟”：）当然，只需将此属性放入一个单独的类（

。无指针事件

等），然后使用jQuery更改该类：

。addClass（'no-pointer-events'）

，或

。toggleClass（'no-pointer-events'）

。噢，开枪吧。刚刚注意到这对IE不起作用？还是一些浏览器？啊，真糟糕。是的，我答案末尾的链接显示了对这一财产的支持。不是很好的支持，绝对不能依赖。