Задать вопрос
SonyFan23
@SonyFan23
css

Как сделать так, чтобы не размывалось модальное окно?

Подскажите, пожалуйста, как сделать так, чтобы не размывалось модальное окно?
То есть сейчас, когда я нажимаю на кнопку показать БД, если в объекте пусто, тогда показывается окно и размывается body.
Выглядит вот так: 5cc70277f23e6468656814.png
modalWrapper.classList.remove("hide");
        document.querySelector("body").classList.add("body-blur");
        closeModal.addEventListener("click", () => {
        modalWrapper.classList.add("hide");
        document.querySelector("body").classList.remove("body-blur");


.body-blur {
  filter: blur(4px);
}

  • Вопрос задан
  • 80 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
iNickolay
@iNickolay
Дак вы размываете body, а это корневой элемент.
Как вариант - переделать структуру на нижеуказанную и размывать .content
<body>
<div class="content">...</div>
<div class="modal">...</div>
</body>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы