Nuances da aplicação do valor negativo de z-index em CSS

Se o z-index de um elemento não estiver definido, seu valor deve ser interpretado como 0. Isso significa que um elemento com um valor de z-index igual a -1 ficará abaixo de um elemento sem z-index.

Podemos ajustar o exemplo com nossos dois elementos da seguinte forma: basta definir o z-index do segundo elemento como -1, e ele ficará atrás do primeiro elemento:

css#elem1 {
  /* não definimos z-index */
}
#elem2 {
  z-index: -1;
}

Resultado da execução do código: