Question 1

CSS z-index nedir?

Accepted Answer

CSS z-index, konumlandırılmış öğelerin dikey yığın sırasını kontrol eder. Daha yüksek z-index değerine sahip öğeler, örtüştüklerinde daha düşük z-index'e sahip öğelerin önünde görünür.

Question 2

Neden z-index çalışmıyor?

Accepted Answer

z-index yalnızca konumlandırılmış öğelerde (position: relative, absolute, fixed veya sticky) çalışır. position: static olan öğeler z-index özelliğini yok sayar.

Question 3

Yığın bağlamı nedir?

Accepted Answer

Yığın bağlamı, kendi yığın katmanını oluşturan bir öğedir. opacity < 1, transform ve filter gibi özellikler yeni yığın bağlamları oluşturur.

Question 4

UI'da yaygın olarak kullanılan z-index değerleri nelerdir?

Accepted Answer

Yaygın değerler: temel içerik için 0, kartlar ve açılır menüler için 10-100, modaller ve kaplamalar için 1000, araç ipuçları ve bildirimler için 9999.

Question 5

9999999 gibi çok yüksek z-index değerleri kullanmalı mıyım?

Accepted Answer

Hayır. Keyfi olarak yüksek değerler kullanmak bakımı zorlaştırır. Tasarım sisteminizde bir z-index ölçeği (örn. 10, 100, 200, 500, 1000) tanımlayın ve tutarlı biçimde kullanın.

Z-Index Yöneticisi

Katman Listesi

Önizleme

Sıkça Sorulan Sorular

Comments & Feedback