CSSda Z o'qi bo'yicha elementlarni qoplamani tartibga solish
Elementlarni qoplama tartibini z-index xususiyati yordamida tartibga solish mumkin,
bu musbat yoki manfiy butun sonlar, yoki nol qiymatlarini qabul qiladi. Xususiyat faqat
position xususiyati absolute, fixed
yoki relative qiymatlariga ega bo'lgan elementlar uchun ishlaydi.
Ushbu xususiyatdan foydalanganda elementlarni qoplama qoidasi quyidagicha:
yuqorida z-index qiymati katta bo'lgan element joylashadi.
Keling, oldingi misoldagi elementlarni qoplama tartibini o'zgartiramiz.
Buning uchun birinchi elementning z-index qiymatini
ikkinchisinikidan katta qilamiz, masalan:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Kodni bajarish natijasi:
Sahifani ushbu namuna bo'yicha takrorlang:
Sahifani ushbu namuna bo'yicha takrorlang:
