20. Задание расположения слоев Z-INDEX (CSS слои)


По умолчанию слои располагаются один под другим в том порядке, в котором соответствующие элементы следуют в HTML коде. Но! Только представьте себе! Если вы захотите, то можете поменять порядок расположения слоев. А осуществить это можно с помощью свойства z-index. Значения этого свойства могут быть отрицательные и положительные, но должны быть целыми числами. Давайте посмотрим пример использования этого полезного свойства:

<div style="position: absolute; top: 350; left:50; z-index: 12"><button>номер 1</button></div>
<div style="position: absolute; top: 360; left:80; z-index: 13"><button>номер2</button></div>

В конце концов, у нас получаться две кнопки с надписями номер1 и номер2, которые будут налегать друг на друга. Тем более именно кнопка с надписью номер2 будет налегать на другую, потому что она находится на слой выше. Видите две кнопки чуть ниже? Вот это и произойдет. Так оно все и будет выглядеть, и нет в этом ничего сложного.















.: CONTENTS :.

Гостевая книга

Учебник по CSS. Справочник. Для чайников.

(назад) - Обработка содержания за пределами видимой области элемента (OVERFLOW)

(вперед) - Вывод элемента на экран (VISIBILITY)






  Яндекс.Метрика
Hosted by uCoz