Как динамично размывать элементы под div'ом?

Question

[Yapryntsev]

У меня есть выпадающее окно, дизайнер решил что оно обязательно должно блюрить элементы находящиеся под этим окном. Как это можно реализовать?

Answer 1

[Андрей Б.]

Оберните все содержимое страницы в блок, кроме модальных окон, например wrapper.
Если используете плагин, в callback открытия пишите добавление класса .blur к обертке wrapper.
На закрытие удаляете и все.

Answer 2

[Виталий Куликов]

Вот так вот? codepen.io/akademy/pen/FlkzB

Answer 3

[l2p]

wordpress-club.com/krossbrauzernyiy-effekt-razmyit...
Все отлично ищется в интернете по запросу "кроссбраузерный blur". Делаете обертку background-у как по ссылке выше либо любой другой и javascript-ом в зависимости от времени меняете степень размытия.

Answer 4

[Yapryntsev]

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

Comments

[Виталий Куликов]

Так можно же перекрыть все подложкой и блюрить ее