Как задать z-index при анимации?

Question

[littleguga]

Есть код.
Как сделать, чтобы при прокрутке левый блок был выше правого?
(при кручении правый блок оказывается выше по оси z, хотя в css у него указан z-index: 10)
Заранее благодарен за ответ!

Answer 1

[7rulnik]

z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative.
Просто добавьте position: relative

Comments

[Nikolay Talanov]

Тут важно добавить, что чтобы блок "А" перекрывал блок "Б" необходимо чтобы у обоих блоков свойство position: было отлично от static. И при этом чтобы они находились пределах досягаемости друг друга (то есть элемент, являющийся ребенком одного дерева не сможет взаимодействовать на основе z-index с child-элементом другого дерева, если у их соседствующих родителей не заданы свойства position).

[littleguga]

Спасибо огромное, затупил.

[littleguga]

Nikolay Talanov: спасибо. В данном случае они в зоне досягаемости и дети одного родителя.