Задать вопрос
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);
}

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Верстальщик HTML
MST
от 450 $
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать логотип объемным (рельефным) в Blender
25 дек. 2024, в 18:15
15000 руб./за проект
Создать ТГ бота для анализа графиков
25 дек. 2024, в 18:09
10000 руб./за проект
Монтаж видео, аудио. Создание песен Suno. Озвучка текстов в Elevenlabs
25 дек. 2024, в 17:35
5000 руб./за проект
Ещё заказы