CSS'te Z Ekseni Üzerinde Elemanların Üst Üste Gelme Sırasının Düzenlenmesi

Elemanların üst üste gelme sırası, pozitif veya negatif tam sayıları veya sıfırı değer olarak alan z-index özelliği kullanılarak düzenlenebilir. Bu özellik yalnızca position değeri absolute, fixed veya relative olarak ayarlanmış elemanlar için çalışır.

Bu özellik kullanıldığında, elemanların üst üste gelme kuralı şu şekildedir: z-index değeri daha büyük olan eleman üstte görünecektir.

Bir önceki örnekteki elemanların üst üste gelme sırasını değiştirelim. Bunun için birinci elemana ikinciden daha büyük bir z-index değeri atayalım, örneğin şu şekilde:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

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