За что отвечает свойство Z-index

Свойство z-index контролирует порядок наложения элементов на странице. Оно работает только для позиционированных элементов (position: absolute, relative, fixed, sticky). Чем выше значение z-index, тем ближе элемент к пользователю.

Пример:

.box1 {
  position: relative;
  z-index: 1;
}
.box2 {
  position: absolute;
  z-index: 2; /* Будет поверх box1 */
}

Нюансы:

• Элементы с одинаковым z-index накладываются согласно порядку в DOM (последний выше)
• z-index создаёт новый контекст наложения
• Не работает с position: static (по умолчанию)
• Может быть отрицательным (элемент уходит под родителя)