鼠標懸停觸發底層兄弟？

我有2個兄弟姐妹divs。一個div是部分覆蓋滑塊div的子導航。我在滑塊上有一個mouseover事件，它隱藏了子導航。鼠標懸停觸發底層兄弟？

問題是，只要將鼠標懸停在子導航上，即使我的鼠標尚未觸摸滑塊，也會觸發滑塊mouseover事件 - 儘管鼠標在技術上位於滑塊上方 - 它只是覆蓋由分導航。

希望我解釋清楚，有人會理解。有沒有解決這個問題的方法？

謝謝。

2015-01-13 Nathan

所以你想要第二個div（同胞）隱藏，當組被盤旋？ –

你能提供一個複製你的問題的最小例子嗎？可能與此同時，如果使用'jQuery'，你也可以嘗試阻止'Event Propagation'。如果您的子導航是滑塊div的子項，則mouseover事件可能會傳播到DOM中的父導航。 – activatedgeek

他們是兄弟姐妹，所以事件傳播不是我所理解的問題。我也爲他們每個人分配了合適的z-index（不知道是否真的做了什麼）。 – Nathan

如果你想隱藏第二個兄弟姐妹，這將工作。只需將css類名稱（subNav,slider）替換爲他們實際上的任何名稱即可。此外，而不是left:100px做任何你想在這裏做第二個div。

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

加號（+）是css中的「臨近兄弟選擇器」。

2015-01-13 17:33:28

當我滑動滑塊時，我想要刪除子導航。雖然由於子導航覆蓋滑塊，因此每當我將鼠標懸停在子導航上時，都會觸發滑塊mouseover事件。我不想要的。 – Nathan

回答