Propiedad z-index

La propiedad "z-index" muestra qué caja debe visualiazarse delante de otra en caso de solapamientos. Solo funciona en cajas posicionadas mediante la propiedad "position". Los valores son números enteros. Cuanto más alto es el número más por delante se verá la caja. El valor "auto" es igual al número 0, Si hay dos cajas con el mismo valor, se verá delante la escrita en último lugar en el código.





Caja 1. z-index: auto

Caja 2. z-index: auto

Caja 3. z-index: auto

Caja 4. z-index: auto




Caja 5. z-index: 4




Caja 6. z-index: 3







Caja 7. z-index: 2




Caja 8. z-index: 1

Caja 9. z-index: 1

Caja 10. z-index: 2




Caja 11. z-index: 3

Caja 12. z-index: 4