JQuery mouseenter handler可以忽略一个元素

Question

我有一种情况，一系列重叠的div带有阴影效果。使用position：absolute，它们有一个阴影效果，它位于最后一个div上。

问题是每个div都有一个分配给它的鼠标输入功能。因此，用户可以将鼠标悬停在一个上面，但由于它触及另一个的阴影，另一个触发了其功能。

有没有办法告诉它忽略阴影作为鼠标完全输入功能的触发器，只需使用div本身。

<div class="hoop"><div class="shadow"></div></div>
<div class="hoop"><div class="shadow"></div></div>
<div class="hoop"><div class="shadow"></div></div>
<div class="hoop"><div class="shadow"></div></div>
<div class="hoop"><div class="shadow"></div></div>

.hoop {
   float:left;
   width:200px;
   height:400px; position:relative
}
.shaddow {
   position:absolute; left:-70px;
}

试试

Answer 1

如果它们绝对定位并且一个位于另一个上面，则只有顶部元素（具有最高z-index的那个）的鼠标中心处理程序才会关闭，除非div在彼此内部。