Как сделать filter:blur поверх parallax?

Question

[lilzen]

Приветствую! Всех кто читает... Проблема не могу решить, и даже описать трудно т.к. не знаю какой кусок кода скинут... Короче есть страница на ней паралакс горизонтальный с плавающей фоткой, но вот не задача... при промотке конец страницы должен состоять из куска блока с паралаксом и простым блоком с текстом и кнопкой, которая вызывает модальное окно поверх всего этого... и обязательное условие затемнение фона должно быть filter:blur. И фишка в том что текст размывается, а паралакс нет. Как быть?!

Comments

[gracer]

ссылку на сайт приложите

[xmoonlight]

Картинку и код (того, что сейчас) - в студию.

[Rustam Bainazarov]

Выводить модульное окно за пределы родителя, на который вы вешаете свой фильтр.

Только так.

Есть идеальное для этого решение — backdrop-filter, но оно поддерживается только в Safari.

Answer 1

[freshik312]

делаешь 2 блока - обертку и модальку в него.
Обертке задаёшь - фиксированную позицию, блюр, индекс 10 (на пример)
Для модальки абсолют или фиксированное положение и индекс 11