La propiedad z-index determina el nivel de pila de un elemento HTML. El “nivel de pila” se refiere a la posición del elemento en el eje Z (en comparación con el eje X o eje Y). Un mayor valor de z-index significa que el elemento estará más cerca de la parte superior del orden de apilamiento. Este orden de apilamiento es perpendicular a la pantalla o visor.
Representación tridimensional del eje Z:
Para poder demostrar de forma clara cómo funciona z-index, la imagen de arriba exagera la cantidad de elementos apilados en relación al visor.
El problema de esta propiedad radica en que solo funciona cuando se le aplica sobre los elementos una posicion absoluta, fija o relativa, es decir si este estilo de css no es establecido navegadores como IE pasaran de colocar el div o elmento donde te gustaria.
Fuente: Smashing Magazine
