Как грамотно написать стили для модального окна?

Question

[StrangeGoogle]

Здравствуйте!

На странице есть элементе с position: absolute, модальное окно имеет похожие стили

position: fixed, top: 0, left: 0, right: 0, bottom: 0

. Даже z-index не решил мою проблему. Элементы на странице перекрывают модальное окно. Как думаете, в чем может быть проблема?

Comments

[Михаил]

position: flex ?

[StrangeGoogle]

Михаил, fixed*

[Михаил]

StrangeGoogle, в какой вложенности находится модалка?

Answer 1

[Lord_Dantes]

Модальное окно нужно делать сразу дочерним элементом body, таким образом при fixed будет максимальный z-index.
Также если вы говорите что есть элементы которые перекрывают, то при вызове модального окна задайте им z-index либо -1 либо меньший за модальное окно. Если не работает выливайте код на песочницу посмотрим.