Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   z-index не переурывает блоки (https://javascript.ru/forum/dom-window/77569-z-index-ne-pereuryvaet-bloki.html)

dany994 21.05.2019 19:31

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

Alexandroppolus 21.05.2019 21:49

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

MallSerg 22.05.2019 11:34

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


Часовой пояс GMT +3, время: 07:56.