Yazeka
Arama sonuçlarına göre oluşturuldu
Z-index özelliği, CSS'de öğelerin yığınlama sırasını belirlemek için çalışır 12. Bu özellik, öğelerin ekranda hangi sırayla görüneceğini kontrol eder: daha yüksek z-index değerine sahip öğeler, daha düşük değerlere sahip öğelerin önünde yer alır 13.
Z-index'in nasıl çalıştığına dair bazı temel kurallar:
- Konumlandırma: Z-index sadece
position: absolute
,position: relative
,position: fixed
veyaposition: sticky
değerlerine sahip öğeler üzerinde etkilidir 24. - HTML kaynağı: Aynı yığınlama bağlamındaki öğeler, z-index değerleri aynı olduğunda, HTML'de daha sonra gelen öğe daha önde görünür 13.
- Yuvalanmış yığınlama bağlamları: Bir öğenin çocuk öğesi farklı bir yığınlama bağlamına sahipse, çocuk öğe, ebeveyn öğeden bağımsız olarak kendi z-index değerine göre yığınlanır 13.
Örnek kullanım:
.element { position: absolute; z-index: 10; }
Bu kod,
.elementsınıfına sahip öğenin, diğer öğelerin önünde görünmesini sağlar 2.
5 kaynaktan alınan bilgiyle göre: