CSS-de elementleriň Z oky boýunça üst-üste düşüşini düzgünleşdirmek

Elementleriň üst-üste düşüş tertibi z-index häsiýeti ýardamy bilen düzgünleşdirilip bilner, bu häsiýet öz bahasy hökmünde bitewi positive ýa-da negative sanlary, ýa-da noly kabul edýär. Häsiýet diňe position häsiýetiniň bahasy absolute, fixed ýa-da relative edilip bellelen elementler üçin işleýär.

Bu häsiýet ulanylanda elementleriň üst-üste düşüş düzgümi aşakdaky ýaly: ýokarda z-index bahasy has uly bolan element ýerleşer.

Geliň, öňki mysaldaky elementleriň üst-üste düşüş tertibini üýtşetdireli. Bun üçin birinji elemente ikinjiden has uly z-index belleýäris, meselem, şeýle:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Kodyň ýerine ýetiriliş netijesi: