Применение значения z-index - помощь Webflow

Управляйте порядком слоев элементов с помощью z-index.

Mr Bird
Mr Bird
@mrbirddev

Используйте значение z-index для упорядочивания наложенных элементов

📄

Слои элементов с z-index - учебник по веб-дизайну (используя старый интерфейс)


Что такое значение z-index

Значение z-index контролирует порядок наложения элемента.

  • Элементы с более высоким значением z-index накладываются поверх элементов с более низким значением.
  • Дочерние элементы могут накладываться только в соответствии с родительским элементом. (т.е. если элемент A имеет более высокий z-index, чем элемент B, дочерние элементы элемента B никогда не перекроют элемент A.)
  • Z-index работает только с относительным, абсолютным и фиксированным позиционированием.
  • Значение z-index по умолчанию равно 0.

Используйте значение z-index для наложения элементов

  • Выберите div-блок, который вы хотите расположить.
  • Примените значение z-index (поскольку значение z-index по умолчанию равно 0, любое значение больше 0 расположит элемент сверху).
  • Более высокие значения будут накладываться поверх более низких.
  • Отрицательные значения могут привести к исчезновению элементов.
⚠️

Отрицательные значения z-index могут привести к исчезновению элементов за другими элементами. Будьте осторожны!


Вернуться к помощи Webflow