Выбор ответа Middle Позиционирование и z-index обновлено

Одинаковый z-index у двух блоков

Вопрос

Два перекрывающихся блока в одном контексте наложения, у обоих position: absolute; z-index: 5. Какой окажется сверху?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: Тот, что позже в DOM. При равном уровне в одном контексте элементы рисуются в порядке документа, поэтому более поздний оказывается сверху.

Варианты ответа

  1. Тот, что раньше в DOM
  2. Тот, что больше по площади
  3. Порядок не определён, зависит от браузера
  4. Тот, что позже в DOMправильный ответ

Разбор

При равном уровне в одном контексте элементы рисуются в порядке документа, поэтому более поздний оказывается сверху. Площадь не учитывается. Порядок строго определён спецификацией и одинаков во всех браузерах.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.