СSS Свойство z-index
Пример
Задать z-index для изображения:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Редактор кода »
Определение и использование
Свойство z-index определяет порядок элемента в стеке.
Элемент с большим порядком стека, всегда находится в передней части элемента, чем с меньшим порядка стека.
Примечание: z-index работает только с позиционированными элементами (position:absolute, position:relative, или position:fixed).
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.zIndex="-1" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS Синтаксис
z-index: auto|number|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Устанавливает порядок стека равный его родителям. Это показатель | Воспроизвести » |
| number | Устанавливает порядок стека элемента. Отрицательные числа допускаются | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Позиция
HTML DOM Справочник:
Свойство zIndex
