Регулисање наслагања елемената по Z оси у CSS-у

Редослед наслагања елемената се може регулисати помоћу својства z-index, које прима целобројне позитивне или негативне вредности, или нулу. Својство функционише само за елементе чија је вредност position постављена на absolute, fixed или relative.

При коришћењу овог својства правило наслагања елемената је следеће: изнад ће бити онај елемент чија је вредност z-index већа.

Хајде да променимо редослед наслагања елемената из претходног примера. За то ћемо првом елементу поставити z-index већи, него код другог, на пример, овако:

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

Резултат извршавања кода:

Поновите страницу по овом узорку: