div ( z-index: 1; /* integer */ )z-indexИмовина у ЦСС контролише вертикалну слагање редослед елемената који се преклапају. Као у, који се чини као да вам је физички ближи. z-indexутиче само на елементе који имају вредност положаја која није static(подразумевана).
Елементи се могу преклапати из различитих разлога, на пример, релативно позиционирање је то пребацило у нешто друго. Негативна маргина повукла је елемент преко другог. Апсолутно постављени елементи се међусобно преклапају. Разни разлози.
Без икакве z-indexвредности, елементи се слажу редоследом којим се појављују у ДОМ-у (најнижи доле на истом нивоу хијерархије појављује се на врху). Елементи са нестатичним позиционирањем увек ће се појавити на врху елемената са подразумеваним статичким позиционирањем.
Такође имајте на уму да гнежђење игра велику улогу. Ако елемент Б седи на врху елемента А, подређени елемент елемента А никада не може бити већи од елемента Б.
Имајте на уму да су старије верзије ИЕ мало забрљале ове контекстуалне ствари. Ево јКуери поправке за то.
Више информација
- Сцреенцаст: Како функционише з-индекс
- МДН Документи
- Свеобухватан чланак: Разумевање з-индекса
- Рационалне вредности з-индекса
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Извођење радова | Извођење радова | Извођење радова | Извођење радова | 4+ | 4+ | Извођење радова |