Porque se supone que debe ser
z-index
no es una propiedad de posicionamiento. Es una propiedad de pintura. [1]
z-index
existe para el escenario donde dos elementos ya se superponen . En el caso de que los elementos se superpongan, el trabajo de z-index
es decirle al navegador qué elemento pintar primero.
- ¿Cómo se depuraron los desarrolladores web en los días de IE 5/6 / Netscape?
- ¿Hacer un sitio web usando solo HTML y CSS se considera desarrollo web?
- WordPress o Wix, ¿cuál es mejor para un principiante?
- ¿Cuáles son las estrategias a seguir al crear diseños web receptivos?
- Cómo obligar a las personas a escribir funciones puras en JavaScript
Es una propiedad de contexto de apilamiento
Solo obtiene una situación en la que los elementos se superponen cuando se ha creado un contexto de apilamiento. Se crea un contexto de apilamiento en unos 11 escenarios diferentes [2]. Pero position:static
no es una de ellas.
Se crea un contexto de apilamiento cuando hay una situación en la que los elementos pueden o se superponen.
Dado que position:static
no crea un contexto de apilamiento, z-index
no tiene ningún papel que jugar en ese elemento, porque el navegador sabe cuándo pintar el elemento.
Notas al pie
[1] Descripción elaborada de los contextos de apilamiento
[2] El contexto de apilamiento