Regulacija slaganja elemenata duž Z ose u CSS-u

Redosled slaganja elemenata može se regulisati pomoću svojstva z-index, koje prihvata kao vrednost pozitivne ili negativne cele brojeve, ili nulu. Svojstvo radi samo za elemente čija vrednost position je postavljena na absolute, fixed ili relative.

Prilikom korišćenja ovog svojstva, pravilo slaganja elemenata je sledeće: više će biti onaj element čija je vrednost z-index veća.

Hajde da promenimo redosled slaganja elemenata iz prethodnog primera. Za to ćemo prvom elementu postaviti z-index veći, nego drugom, na primer, ovako:

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

Rezultat izvršenja koda: