2feolw
@2feolw
no bio yet

Какое свойство CSS может влиять на затемнение заднего фона?

Какое свойство 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;
}
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега CSS
Как минимум не хватает position у modal, ну и, видимо, воспроизведения. Посмотрите сюда ещё: ::backdrop.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы