Встречается на собеседованиях • сегодня

Как заставить элемент уйти на задний план

Используй CSS-свойство z-index в сочетании с position. Элемент с меньшим z-index будет находиться под элементами с большим значением.

Пример:

css
.back-element {
  position: absolute;
  z-index: -1;
}
.front-element {
  position: relative;
  z-index: 1;
}

Важные моменты:

  1. z-index работает только с позиционированными элементами (position: absolute/relative/fixed/sticky)
  2. Отрицательные значения допустимы
  3. Вложенность в DOM также влияет на порядок наложения

Для сложных сценариев можно использовать isolation: isolate на родителе, чтобы создать новый контекст наложения.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы