Javascript 将鼠标移到较低的z索引上，即使它隐藏在较低的z索引元素后面，也会被调用

我在谷歌地图上叠加了div，它有两个视图
1） 正常视图
2） 悬停放大图

正常视图显示在：

（无法内联附加图像）

当我将鼠标悬停在element1上时，它会放大它的视图，并且我已经将它的z索引设置为高 但是隐藏在它后面的另一个元素会得到mouseOver事件，即使它隐藏在hover元素后面并且具有较低的z索引

它发生在元素呈现的基础上，即发生在某些div上，而不发生在其他div上（div呈现的顺序）

---

将鼠标悬停在第一个元素上会显示放大的视图，但当鼠标光标接近第二个元素时，第一个元素的悬停就会消失。

请注意CSS的堆叠顺序 -首先打印上下文
-然后打印具有位置和负z索引的元素
-然后打印没有位置的元素
-之后，将打印具有0或自动z索引的元素
-打印具有正z索引和位置的所有元素

现在让我们假设一个元素有负的z索引，但它的父元素有正的z索引，那么在这种情况下，该元素将呈现在所有z索引为0或自动、没有位置或z索引小于其父元素的元素之上

这是因为，如果任何元素具有带位置的父元素，则其上下文将从根更改为父元素，然后父元素z索引定义其渲染堆栈

---

请参阅和

欢迎来到StackOverflow。虽然您提供了问题的良好描述，但您没有提供任何代码来帮助我们重现您的问题-。