زد-ایندکس

از ویکی‌پدیا، دانشنامهٔ آزاد
پرش به: ناوبری، جستجو

خاصیت 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-index

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

پیوند به بیرون[ویرایش]

شرح خاصیت z-index در w3

منابع[ویرایش]