jQuery; Página de paralaje: obtenga el evento de clic por las capas Div

Question

MANIFESTACIÓN

La idea Ahora es (en lugar de transp. .png imágenes) llenar las capas con elementos HTML estándar, como hacer una buena página 2D-3D en movimiento.

Puedes adivinar mi primer problema. Lo que sea que intenté, no puedo hacer que el evento de clic pase por las capas Div 100x100% para encontrar Un elemento que puede hacer clic (¿o de lo contrario?) Que no es el mismo .llayer.

Tal vez haciendo las capas height:0px; position:absolute; ¿Y que agregarles elementos relativos posicionados?

Answer 1

Solo agrega un z-index Propiedad CSS al .box elementos. Cuanto mayor sea z-index, cuanto más altos sean los elementos en términos de capas (es decir, elementos con un z-index de 999 estarán abover aquellos con un z-index de 1):

.box {
  ...

  z-index: 2;
}

Y una demostración.