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:
#elem1 {
/* z-index belirtmiyoruz */
}
#elem2 {
z-index: -1;
}
Kodun çalıştırılmasının sonucu:
Sayfayı bu örneğe göre tekrarlayın: