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:

css#elem1 {
  /* no establecemos z-index */
}
#elem2 {
  z-index: -1;
}

Resultado de la ejecución del código: