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:
#elem1 {
/* não definimos z-index */
}
#elem2 {
z-index: -1;
}
Resultado da execução do código:
Repita a página de acordo com este exemplo:
