Ejemplo de uso de capas: posicionamiento y desbordamientos

 

Tres divs de 100 * 100 px, con diferentes overflows

overflow:visible
123456789101112131415
overflow:hidden
123456789101112131415
overflow:auto
123456789101112131415

Tres divs con diferente z-index. El valor mas alto se coloca arriba en la pila

z-index=1
z-index=2
z-index=3

Otro ejemplo. En este caso el bloque 2 -verde- es hijo del bloque 1. Se ve debajo del bloque 3 porque el calculo de z-index se hace entre bloques del mismo nivel, en este caso, entre contenedores.

z-index=1
z-index=3
z-index=2