CSS'te negatif z-index değerinin kullanım nüansları

Eğer bir öğenin z-index değeri belirtilmemişse, bu değer 0 olarak kabul edilir. Bu, z-index değeri -1 olan bir öğenin, z-index değeri olmayan bir öğenin altında yer alacağı anlamına gelir.

İki öğemizle olan örneği şu şekilde değiştirebiliriz: sadece ikinci öğeye z-index değerini -1 olarak ayarlamak, böylece ilk öğenin altına yerleşmesini sağlamak:

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

Kodun çalıştırılmasının sonucu: