jQuery; Page parallaxe - Obtenez le go événement click à travers les couches DIV

Question

DEMO

L'idée est maintenant (au lieu de transp. Images .png) remplir les couches avec des éléments HTML standard, comme faire une belle mouvement la page 2d-3d.

Vous pouvez deviner mon premier problème. Tout ce que j'ai essayé, je ne peux pas faire le déplacement d'événement de clic à travers les couches div 100x100% pour trouver cliquable (ou bien?) Élément qui n'est pas le .layer lui-même.

Peut-être faire les couches height:0px; position:absolute; et que les éléments positionnés par rapport annexant?

Answer 1

Il suffit d'ajouter une propriété CSS z-index aux éléments .box. Plus le z-index, plus les éléments apparaissent en termes de couches (autrement dit des éléments avec un z-index de 999 sera abover ceux qui ont une z-index de 1):

.box {
  ...

  z-index: 2;
}

Et une démo.