# Регулирование наложения элементов по оси Z в CSS

Порядок наложения элементов можно регулировать с помощью свойства `z-index`, принимающего своим значением целые положительные или отрицательные числа, либо ноль. Свойство работает только для элементов, у которых значение `position` задано как `absolute`, `fixed` или `relative`.

При использовании данного свойства правило наложения элементов следующее: выше будет тот элемент, у которого значение `z-index` больше.

Давайте поменяем порядок наложения элементов из предыдущего примера. Для этого первому элементу поставим `z-index` больше, чем у второго, например, вот так:

`#elem1 { z-index: 2; } #elem2 { z-index: 1; }`

Результат выполнения кода:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

← →
↑