Matices de la aplicación del valor negativo de z-index en CSS
Si el z-index de un elemento no está establecido,
su valor debe interpretarse como 0.
Esto significa que un elemento con un valor de z-index
igual a -1, estará por debajo de un elemento sin
z-index.
Podemos modificar el ejemplo con nuestros dos elementos
de la siguiente manera: simplemente establecer el
z-index del segundo elemento en -1,
y quedará detrás del primer elemento:
#elem1 {
/* no establecemos z-index */
}
#elem2 {
z-index: -1;
}
Resultado de la ejecución del código:
Repita la página según este ejemplo: