鼠标悬停触发下层同级

Mouseover triggering underlaying sibling?

本文关键字：悬停鼠标更新时间：2023-09-26

我有两个兄弟姐妹divs。一个div 是一个子导航，它部分覆盖滑块div。我在滑块上有一个mouseover事件，它隐藏了子导航。

问题是，一旦我将鼠标悬停在子导航上，滑块mouseover事件就会触发，即使我的鼠标尚未触摸滑块 - 尽管鼠标在技术上位于滑块上 - 它只是被子导航覆盖。

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

如果您尝试隐藏第二个兄弟姐妹，这将起作用。只需将css类名（subNav，slider）替换为它们实际是什么。另外，与其left:100px不如在这里对第二个div做任何你想做的事情。

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

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