Руководство по CSS

Правила CSS @

Полный список свойств CSS

Полное руководство по свойствам CSS (по функциям)Атрибут word-wrap в CSS3

Метод использования и примеры CSS z-index属性的

Свойство z-index определяет порядок стека элементов. Элементы с более высоким порядком стека всегда находятся перед элементами с более низким порядком стека. Примечание: z-index выполняетсяЭлементы позиционирования(position:absolute, position:relative, или position:fixed).

Ниже в таблице приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.

Значение по умолчанию:	auto
Подходит для:	Элементы позиционирования
Инherit:	Нет
Анимируемо:	Да.Пожалуйста, обратитесь к: Анимационные свойства.
Версия:	CSS 2, 3

Примечание:Когда элементы перекрываются, z-index определяет,哪个 перекрывается. Элементы с более высоким уровнем стека, как правило, находятся перед элементами с более низким уровнем стека.

Грамматика использования z-index

Грамматика этого свойства такая:

z-index:　integer　|　auto　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство z-index.

Пример

　　div　{
　　　position:　absolute;
　　　lop:　30px;
　　　left:　30px;
　　　z-index:　2;
　　}

Проверьте, посмотрите‹/›

Значения свойств

Ниже в таблице описаны значения этого свойства.

Значение	Описание
integer	Установить порядок уровня стека рамки элемента в текущем контексте стека. Этот кадр также создает локальный контекст стека, где уровень стека равен 0 (ноль). Допускаются отрицательные целые числа.
auto	Уровень стека рамки элемента совпадает с уровнем стека родительской рамки, и новый контекст стека не создается. Это значение по умолчанию.
initial	Установить это свойство в его значение по умолчанию.
inherit	Если указано, то связанный элемент принимает значение свойства z-index родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства z-index, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS положение,CSS слой.

Связанные свойства:position,top,right,left,bottom.

Полное руководство по свойствам CSS (по функциям)Атрибут word-wrap в CSS3