Αποχρώσεις της χρήσης της αρνητικής τιμής z-index στο CSS

Αν το z-index σε ένα στοιχείο δεν έχει οριστεί, τότε η τιμή του πρέπει να ερμηνευτεί ως 0. Αυτό σημαίνει ότι ένα στοιχείο με τιμή z-index ίση με -1, θα είναι κάτω από το στοιχείο χωρίς z-index.

Μπορούμε να επαναδημιουργήσουμε το παράδειγμα με τα δύο μας στοιχεία ως εξής: απλά ορίζοντας για το δεύτερο στοιχείο z-index στην τιμή -1, και θα πάει κάτω από το πρώτο στοιχείο:

css#elem1 {
  /* δεν ορίζουμε z-index */
}
#elem2 {
  z-index: -1;
}

Αποτέλεσμα εκτέλεσης του κώδικα: