Javascript 鼠标悬停触发下层兄弟姐妹？

我有两个兄弟姐妹

div

。一个div是部分覆盖滑块div的子导航。我在滑块上有一个mouseover事件，它隐藏了子导航

问题是，只要我将鼠标悬停在子导航上，滑块鼠标悬停事件就会被触发，即使我的鼠标尚未接触滑块-虽然从技术上讲鼠标悬停在滑块上-它只是被子导航覆盖

希望我解释得很好，有人会理解。有办法解决这个问题吗

---

谢谢。

如果您试图隐藏第二个兄弟姐妹，这将起作用。只需将css类名（

subNav

，

slider

）替换为实际名称即可。另外，对于第二个div，不要执行

left:100px

中的任何操作

div.subNav:hover + div.slider {
   left: 100px;
}

---

加号（+）是css中的“相邻同级选择器”

因此，您希望在组悬停时隐藏第二个div（同级）？您能否提供一个复制您的问题的最小示例？同时，如果使用

jQuery

，您可能还可以尝试阻止

事件传播。如果您的子导航是slider div的子导航，则mouseover事件可能正在传播到DOM中的父导航。它们是同级导航，因此据我所知，事件传播不是问题。我还为它们中的每一个分配了适当的z-index（不知道这是否真的有什么作用）。我必须
浮动
子导航才能正常工作。谢谢。当我将鼠标移到滑块上时，我想删除子导航。尽管如此，因为子导航覆盖了滑块，所以每当我将鼠标移到子导航上时，就会触发滑块鼠标移到事件。这是我不想要的。