Какое свойство 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;
}