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