jQuery-эффект лавы-лампы, подпрыгивающий повсюду! - PullRequest
0 голосов
/ 11 апреля 2010

Я следовал учебнику, найденному здесь, и добавил к нему свою собственную вспышку: учебник

Что я хотел сделать, так это поместить определенное изображение слева и справа от элемента списка. Таким образом, вместо просто <li id="blob"></li>, созданного в учебнике, я сделал <li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>, чтобы достичь желаемого эффекта. Это работает прекрасно ... за исключением того, что изображение пытается отскочить назад "currentPageItem", если я оставлю мышь над одним из элементов списка.

Вот пример JS Bin: http://jsbin.com/odome

Что мне нужно сделать, чтобы это исправить? jQuery запускает функцию hoverOut (или как вы хотите ее вызывать). Но почему?

1 Ответ

1 голос
/ 11 апреля 2010

Действительно, проблема была в z-index. Я не осознавал, что z-индексы не относятся к плавающим элементам. Мне пришлось применить position: relative к a ссылкам и дать ему z-индекс выше, чем BLOB-объект.

...