Третья размерность, контролируемая с помощью свойства z-index, представляет собой указание по размещению элемента страницы по оси, перпендикулярной плоскости страницы. Чем меньше значение свойства z-index, тем ближе эле — мент к поверхности страницы. И, соответственно, чем больше значение свойства

z-index, тем дальше находится слой элемента от поверхности страницы. Таким образом, если в HTML-код из предыдущего примера добавить следующие объяв- ления свойства z-index, Web-браузер будет выводить на экран заголовок уровня

2 поверх заголовка уровня 1, как показано на рис. 4.25.

background-color:yellow; border:solid 2px; font-size:25pt»> Текст заголовка уровня-2 text

style=»position:absolute; top:100px; left:50px; z-index:1;

background-color.-yellow; border:solid 2px; font-size:35pt»> Текст заголовка уровня-1 text

Значение свойства z-index для первого элемента больше, чем для второго. Как результат Web-браузер будет выводить на экран первый элемент (заголовок уровня 2) на слое поверх второго элемента (заголовка уровня 1).



ПРИМЕЧАНИЕ Несмотря на то что значения свойства z-inde x могут быть отрицатель — ными, равными нулю или положительными, используйте только ноль и положительные значе — ния. Некоторые версии Web-браузеров неправильно позиционируют элементы с отрицатель- ными значениями свойства z-inde x (поверх элементов с положительными значениями). Помните, что значение свойства z-inde x представляет собой относительное измерение. Таким образом, один элемент страницы можно поместить за другим за счет указания мень — шего (и не обязательно отрицательного) значения z-index.