Властивість z-index

Властивість z-index визначає, як елементи розміщаються один над одним в тривимірному просторі на веб-сторінці. Властивість z-index застосовується до елементів, які мають позиціювання, відмінне від static.

Елементи з більшим значенням z-index розташовуються вище, ніж елементи з меншим значенням z-index. Якщо z-index не вказано, або вказано як auto (значення за замовчуванням), елементи розташовуються в тому порядку, в якому вони з'являються в HTML (від першого до останнього).

Декілька важливих речей, які слід знати про z-index:

  1. Значення z-index можуть бути негативними.

  2. z-index працює тільки на елементах з позиціюванням, відмінним від static.

  3. z-index не має впливу на поток документа. Він контролює тільки візуальний порядок накладення елементів один на одного, а не їх порядок у вихідному HTML-документі.

Last updated