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

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

Пример:

.front-element {
  position: relative;
  z-index: 10; /* Больше чем у других элементов */
}
.back-element {
  position: absolute;
  z-index: 1;
}

Важно:

1. z-index работает только с позиционированными элементами
2. В рамках одного stacking context порядок определяется значением z-index
3. Для модальных окон обычно используют значения 1000+
4. Не злоупотребляйте высокими значениями