Определяет, какие позиционированные объекты накладываются друг на друга.
Большее значение элемента z-index отправляет элемент на передний план, а меньшая величина располагает его позади других элементов. Отрицательное значение отодвигает элемент за непозиционированные элементы страницы.
<div style= "position:absolute;top:200; left:200;z-index:2"> <img src="front.gif"></div> <div style= "position:absolute;top:250; left:250;z-index:1"> <img src="back.gif"></div> | Рисунок front.gif частично перекрывает back.gif | |
<div style= "position:absolute;top:250; left:250;z-index:-1"> <img src="chau.gif"></div>. | Рисунок появляется после содержимого страницы, на расстоянии 250 пикселов от верхнего и левого краев страницы |