Практика разработки Web-страниц

         

Z-index


Определяет, какие позиционированные объекты накладываются друг на друга.

Большее значение элемента 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 пикселов от верхнего и левого краев страницы



Содержание раздела