Z İndeksi Değeri Uygulama - Webflow Yardım
Z indeksi, bir elemanın yığın sırasını kontrol eder.
Mr Bird
@mrbirddevZ indeksi değerini kullanarak yığılmış öğeleri sıralayın
📄
Z indeksi ile katmanlama - Web tasarım eğitimi (Eski UI kullanılarak)
Z indeksi değeri nedir
Z indeksi değeri, bir elemanın yığın sırasını kontrol eder.
- Daha yüksek z indeksi değerine sahip öğeler, daha düşük değere sahip olanların üstünde yığılır.
- Alt öğeler yalnızca üst öğelerine göre yığılabilir. (Örneğin, A elemanı B elemanından daha yüksek bir z indeksine sahipse, B elemanının çocukları asla A elemanının üstüne çıkamaz.)
- Z indeksi yalnızca göreceli, mutlak ve sabit konumlandırmada çalışır.
- Varsayılan z indeksi değeri 0'dır.
Öğeleri yığmak için z indeksi değeri kullanın
- Konumlandırmak istediğiniz bir div bloğu seçin.
- Bir z indeksi değeri uygulayın (varsayılan z indeksi değeri 0 olduğu için, 0'dan büyük herhangi bir değer bir öğeyi üstte konumlandıracaktır).
- Daha yüksek değerler, daha düşük değerlerin üstüne yığılır.
- Negatif değerler öğelerin kaybolmasına neden olabilir.
⚠️
Negatif z indeksi değerleri, öğelerin diğer öğelerin arkasında kaybolmasına neden olabilir. Dikkatli kullanın!