Etalonsad.ru: жк Летний Сад официальный - http://etalonsad.ru. Новый проект от Эталон Инвест.

Элемент ╪4 управляемый:


Элемент ╪1

Элемент ╪2

Элемент ╪3





Элемент ╪2 перекрывает текст. Элемент ╪2 перекрывает текст



Как видно из примера z-index элемента ╪1 = -2, поэтому он находится на самом нижнем слое. Соответственно поменяв значения атрибута z-index можно переключать слои. Проблемма в широком использовании данных атрибутов кроется в том, что они привязываются к конкретным координатам. Из всего следует, что применять их целесообразно в начале страницы, так, как на разных разрешениях экрана картина будет значительно меняться, или применить управление при помощи, например, JavaScript. В данном примере текст находится на слое (z-index=0 по умолчанию) поэтому находится поверх элемента ╪3 так, как элемент ╪3 имеет атрибут z-index=-1. Элемент ╪2, имеющий z-index=0 текст перекрывает.
Из данного примера можно убедиться, что применяя управление, написанное на JavaScript, можно получить очень неплохие эффекты.

Плавающий элемент ╪4 имеет атрибут z-index= +4, что значит он находится поверх всех слоев и перекрывает все слои.
Если установить атрибут z-index между другими слоями, то будет эффект подныривания под верхние слои.

Элемент ╪4
Управляется, сделайте
прокрутку этой страницы,
или передвиньте мышью
Данный слой можно свободно передвигать мышью в любое место страницы на экране, он запомнит новые координаты и будет держаться их при прокрутке


Вернуться