Z-endeksi: eleman

Question

bu DOM düşünün ebeveyninin kardeş batmak olun:

<header> 
    <h1> header </h1> 
    <!-- other elements --> 
    <nav> 
     nav 
    </nav> 
</header> 

<div> 
    content 
</div> 

başlık ve nav Hem fixed olarak konumlandırılmış. İçerik div, relative olarak konumlandırıldı. I (üstten alta doğru) bu sırayla, Z-endeksine sahip, bir yığın oluşturmak için gereken:

• başlık *: değildir (NAV)
• içeriği
• gez

En altta nav koyuyor (başka bir deyişle, ebeveyninin kardeşi altında). Başlığın tüm çocuklarının ya üstte ya da kardeşinin altında gitmesi gerektiğini düşünüyorum ... bu doğru mu? Öyleyse, bu durum için bir çözüm var mı?

Answer 1

Yalnızca "konumlandırılmış" olan "position: absolute veya position: fixed veya position: relative" gibi içerikler z-index numaralı telefona saygı gösterecektir. HTML yapılandırılmış olduğu için, size (o ebeveyn vs bambaşka Z endeksi olamaz) üst/alt ayrıca böylece çocuk ebeveyn olmak zorunda saygı duyulur, çünkü soran şeyi yapamaz . İstediğinizi yapmak için, nav'u header'dan koparmanız ve daha sonra bunların her birinin kendi başına z-index, içeriğinin varsayılan sıfır z-endeksinin altında ve üstünde olması gerekir.

Answer 2

Bunun için tek geçici çözüm, DOM düzeniniz ile negatif z-dizin değerleri kullanmaktır. Olumsuz değer kullanmak için önerilmediği gibi, olumsuz değeri kullanmak kesinlikle tavsiye edilmez.

Daha iyi bir çözüm, DOM'nızı yeniden birleştirici yapmak olabilir. this'u faydalı bulabilirsiniz. Z-endeksi özelliğini kullanmanın önerilen yollarını açıklar.

Bu yardımcı olur umarım!