Элемент ╪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
Управляется, сделайте
прокрутку этой страницы,
или передвиньте мышью
Вернуться