JQuery обработчик указателя мыши позволяет игнорировать элемент - PullRequest
Новая
       9

JQuery обработчик указателя мыши позволяет игнорировать элемент

0 голосов
/ 26 ноября 2011

У меня есть ситуация, когда ряд перекрывающихся элементов 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;
}

Попробуйте это

1 Ответ

0 голосов
/ 26 ноября 2011

Если они расположены абсолютно, и один находится над другим, обработчик ввода мыши отключается только для верхнего элемента (с самым высоким z-индексом), если только div не находятся внутри друг друга.

...