Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, z-index

Что такое z-index в CSS?

Этот вопрос проверяет знание о том, как управлять наложением элементов на веб-странице.

Короткий ответ

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

Длинный ответ

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

Если несколько элементов пересекаются, то у элемента с большим z-index будет более высокий приоритет и он окажется поверх остальных. По умолчанию, элементы с одинаковыми значениями z-index накладываются в порядке их появления в HTML. 

Свойство z-index работает только при наличии установленных позиций (relative, absolute, fixed), так как оно относится к слоистому позиционированию.

Уровень

  • Рейтинг:

    2

  • Сложность:

    3

Навыки

  • CSS

    CSS

Ключевые слова

#css

#z-index

Подпишись на React Developer в телеграм