我的问题： 是否有可能禁用div（Z-index 2），因此它仍然可见并使鼠标“无法察觉”，因此我可以通过它（鼠标悬停，点击）实现鼠标操作到它下面的启用div？这意味着您可以单击下面的div，因为您的鼠标位于禁用的div顶部或鼠标悬停在顶部的div上，它将无关紧要或影响由其下方div调用的鼠标悬停操作。
ISSUE： 我在网上和stackoverflow上搜索过，找不到我想要的简单答案。我有几个div和一些在不同的Z-index上相互重叠，而顶部的那些正在弄乱下面的那些动作。
示例： - 我在下部div（Z-Index 1）中有一个很好的图形框，其中包含一个鼠标悬停动作。当鼠标悬停在盒子上时，它会触发操作。 - - 我在新图层（Z-Index 2）上的div上的框上也有一些漂亮的图形文本，但这会干扰下面框中的鼠标悬停操作。这看起来好像我的鼠标离开了盒子，但它并没有只是在更高级别的div上。
问题摘要： 我可以禁用div，因此它无法点击或触发鼠标悬停调用，但仍然可见吗？
答案 0 :(得分：9)
是的，您可以使用以下CSS属性：
pointer-events: none;
取决于您定位的浏览器。不会说这个属性得到很好的支持。
答案 1 :(得分：1)
你是否尝试让你的2级div实际上是1级的孩子？您应该跟踪mouseenter / mouseleave，而不是mouseover / mouseout
小解释：只要您的鼠标没有直接位于捕获的事件目标上，即使您的指针越过目标的子节点，mouseout也会被触发。对于mouseleave，只有当鼠标指针同时离开目标元素及其任何子元素时，才会触发它。可以将其视为mouseenter与CSS :hover类似。