Как размыть весь сайт кроме модального окна?

Question

myskypesla @myskypesla

Как размыть весь сайт кроме модального окна?

Появляется модальное окно, использую библиотеку jsBox.

Нужно чтобы при открытии модального окна весь остальной сайт размывался.

При использовании filter blur на overlay, filter не срабатывает. Вот пример того, как я делал.

А хочется вот такой эффект размытия как на iPhone

Вопрос задан более трёх лет назад
4751 просмотр

1 комментарий

Подписаться 5 Оценить 1 комментарий

Когда вижу такое даже не разбираюсь, что этим хотел сказать автор. Сразу отрезаю эдблокером модалку вместе с перекрывающей подложкой, и все отлично работает без нее. А вот если начать кликать по кнопкам в модалке, то вылетят еще десяток окон (просят почту, номер паспорта, размер трусов...), и все равно в итоге отрезать приходится.

Answer 1 · 2017-06-19 13:40:35

добавить при открытии класс для body
и стили

.myClass * {
    filter: blur(10px);
}
.modal {
    filter: none;
}
.modal * {
    filter: none;
}

Как размыть весь сайт кроме модального окна?

Войдите на сайт