Главная/ CSS справочник/ Properties/ CSS свойство z-index | назначение, допустимые значения, примеры

Свойство z-index

Свойство z-index задает положение на z-оси, т.е. какой из элементов будет виден, если они наложатся друг на друга
z-index задает положение на z-оси

Допустимые значения

  • auto — эквивалентно z-index: 0, браузер автоматически определяет какой из элементов отобразить поверх другого при наложении
  • — отрицательное или положительное целое число. Чем больше число, тем «выше» элемент по z-оси
  • inherit — наследует значение от родителя
Значение по умолчанию auto
Применимо к позиционированным элементам (position: relative; position: absolute; position: fixed)
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


div {
position: relative;
z-index: 100;
}


Твой код:

Результат: