زد-ایندکس

خاصیت z-index یکی از خاصیت‌های شیوه‌نامهٔ آبشاری است که ترتیب قرارگیری عناصر بر روی هم را تعیین می کند. خاصیت z-index تنها بر روی عناصری اعمال می‌شود که دارای یکی از خاصیت‌های position باشند.

p.element1 {
    position: absolute;
    z-index: -1;
}
p.element2 {
    position: relative;
    z-index: -1;
}
p.element3 {
    position: fixed;
    z-index: -1;
}

بهره‌گیری در جاوااسکریپت 
مانند تمام خواص شیوه‌نامهٔ آبشاری، خاصیت z-index را نیز می‌توان توسط جاوااسکریپت بر روی عناصر اعمال کرد.

object.style.zIndex="1"

عملکرد 
 ترتیب قرارگیری عناصر بر روی هم اشاره به موقعیت عنصر بر روی محور Z دارد (همانطور که در CSS محور X یا محور Y داریم). هرچه مقدار z-index یک عنصر بیشتر باشد به معنی رو بودن عنصر نسبت به بقیه عناصر است. این روی هم قرارگیری عناصر به صورت عمود بر روی صفحه است.

پیوند به بیرون 
شرح خاصیت z-index در w3

منابع 

برگه‌های سبک آبشاری
گرافیک رایانه‌ای