Фильтр blur не применятся для body?

Question

[dhat]

В качестве background тэгу body применена гифка. Хочу сверху применить фильтр blur, но он не работает почему-то. Повторил тоже самое, переместив картинку в div - работает. Почему не работает когда картинка в body?

Нашел аналогиченую проблему, выходит это нерешаемо? https://teamtreehouse.com/community/how-to-blur-ba...

Answer 1

[dhat]

Уточню - блур работает, но он применяется ТОЛЬКО к контенту поверх картинки, сама картинка не блурится - почему, блин???

Comments

[Дмитрий]

Потому что это фильтр для контента, а не для фона. Вы можете сделать у body псевдоэлемент before к примеру и ему применить фильтр blur.

[dhat]

Дмитрий: к сожалению ваше предложение не работает:

body::before {
-webkit-filter: blur(15px);
filter: blur(15px);

}

[Alexey]

Как вариант использовать pre blured изображение. Понимаю чтохотелось бы реализовать это в CSS, но иногда нужно быстро решать вопрос.

[Дмитрий]

dhat: а вы запихали background в этот before? Все стиди добавили, типа content:'', position:absolute и прочие?