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: