jquery lava-lamp, подобный лампу, подобный эффект, подпрыгивая повсюду!

Question

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

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

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

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

Answer 1

Z-индекс был, действительно, проблема. Я не осознавал, что Z-индексы не применялись к плавателю элементам. Я должен был подать заявку position: relative к тому a Ссылки и дают ему Z-индекс выше, чем BLOB.