Как не затемнять картинку в попапе?

Question

[masha_bunny]

по клику на бургер открывается попап
на body есть картинка
она затемняется полностью
а нужно - полностью кроме видимой части бэграунда картинки
как по высоте
так и ширине
и сам попап соответственно не должен вылазить за блок cabinet__inner
https://codepen.io/mashabunny95/pen/GRpXMwb

Comments

[kunjut19]

полностью кроме видимой части бэграунда картинки

непонятно. Только cabinet__inner нужно затемнять?

[masha_bunny]

kunjut19,
но не совсем
вот типа такого

[Максим]

masha_bunny, вот это в css уберите : background-color: rgba(0, 0, 0, 0.8); у блока .popup и напишите - так надо было или нет

[masha_bunny]

Максим Ленский, тут не из-за этого
вот я почти исправила
но по высоте проблемы
https://codepen.io/mashabunny95/pen/GRpXMwb

[Максим]

masha_bunny, вы если объясните что надо сделать - то я помогу

Answer 1

[Дима Долготер]

.cabinet__wrap {

position: relative;
z-index: 9999999999;
}

Comments

[masha_bunny]

SpiderPigAndCat, вот типа такого хочу получить

[Дима Долготер]

masha_bunny, а сейчас разве не так?

[Максим]

masha_bunny, я комментарий написал - проверьте

[masha_bunny]

SpiderPigAndCat, вот я почти исправила
но по высоте проблемы
https://codepen.io/mashabunny95/pen/GRpXMwb

[Максим]

masha_bunny, надо затемнение только внутри сделать ?