z-index не переурывает блоки
 

Здравствуйте! Помогите решить проблему с z-index.

Есть блок 1 и блок 2 с z-index 300, внутри блока 1 ище один блок с z-index 3000, он имеет высоту 100% от окна браузера и перекравает только блок 1.

Как сделать что бы блок с z-index 3000 перекравал остальные, при этом важно не менять z-index у блоков 1 и 2 и структуру html.

Вот пример:
https://codepen.io/anakin-skywalker94/pen/dEZzKd

dany994,
а почему нельзя поменять z-index у блока 1, сделав его равным 301? Это решило бы проблему.

Тебе нужно разобраться с контекстами наложения в CSS
https://developer.mozilla.org/ru/doc...acking_context
Не всегда можно с помощью Z-index расположить один элемент поверх другого по очевидным причинам.