JQuery; Parallaxe Seite - Holen Sie sich das Klick -Ereignis durch Div -Ebenen durchgehen

Question

DEMO

Die Idee Jetzt ist es (anstelle von Transport. PNG-Bildern) die Ebenen mit Standard-HTML-Elementen zu füllen, wie eine schöne, bewegende 2D-3D-Seite.

Sie können mein erstes Problem erraten. Was auch immer ich versuchte, ich kann das Klick -Ereignis nicht durch die 100 x 100% Div -Schichten durchlaufen, um zu finden Ein klickbares (sonst?) Element, das nicht das .Layer selbst ist.

Vielleicht die Schichten machen height:0px; position:absolute; Und als sie relativ positionierte Elemente anzugreifen?

Answer 1

Fügen Sie einfach a hinzu z-index CSS -Eigentum an die .box Elemente. Je höher der z-index, desto höher erscheinen die Elemente in Schichten (dh Elemente mit a z-index von 999 wird auf derjenigen mit a sein z-index von 1):

.box {
  ...

  z-index: 2;
}

Und eine Demo.