Какое свойство CSS может влиять на затемнение заднего фона?
Верстаю сайт и при создании модальных окон наткнулся на такую проблему. Нужно было сделать затемнение всего заднего фона находящимся за модальными окнами, но при этом чтобы само модальное окно оставалась видимым и без затемнения. Но при назначении следующих свойств, я столкнулся с проблемой, что затемняется не только задний фон, но и само модальное окно.
<div class="overlay">
<div class="modal">
.overlay {
position: fixed;
background-color: rgba(0, 0, 0, 0.50);
width: 100%;
height: 100%;
top: 0;
}
.modal {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 382px;
height: 410px;
background-color: #FAFAFA;
padding: 40px 35px 40px 35px;
}
Простой
