jQuery Lava-Lampe-Effekt ganz über den Platz Prellen!

StackOverflow https://stackoverflow.com/questions/2618194

  •  26-09-2019
  •  | 
  •  

Frage

Ich folgte das Tutorial hier gefunden und hinzugefügt mein eigenes Aufflackern es: Tutorial

Was ich war auf der Suche zu erreichen, war auf der linken und rechten Seite des Listenelements ein bestimmtes Bild zu setzen. Anstatt also nur die generischen <li id="blob"></li> im Tutorial erstellt, habe ich <li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li> die besondere Wirkung zu erreichen, die ich wollte. Es funktioniert wunderbar ... außer, dass das Bild Versuche, die „currentPageItem“ wieder auf die Beine, wenn ich die Maus über einen der Listeneinträge lassen.

Hier ist ein JS Bin Beispiel: http://jsbin.com/odome

Was muss ich es beheben könnte, tun? jQuery feuert die „hoverOut“ -Funktion (oder was auch immer Sie es nennen wollen). Aber warum?

War es hilfreich?

Lösung

Der Z-Index war in der Tat das Problem. Ich wusste nicht, dass die Z-Indizes allerdings nicht zu Floats galt. Ich hatte position: relative den a Links anzuwenden und geben ihm einen Z-Index höher als der Blob.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top