Sfumature dell'utilizzo dei valori negativi di z-index in CSS

Se z-index non è specificato per un elemento, il suo valore deve essere interpretato come 0. Ciò significa che un elemento con un valore z-index uguale a -1 sarà sotto un elemento senza z-index.

Possiamo modificare l'esempio con i nostri due elementi nel modo seguente: basta impostare z-index del secondo elemento a -1, e andrà sotto il primo elemento:

css#elem1 {
  /* non specifichiamo z-index */
}
#elem2 {
  z-index: -1;
}

Risultato dell'esecuzione del codice: