Как размыть фон еще с изображения (blurjs)?

Question

[smiof]

Продолжение вопроса, можно размыть область боди, но картинку не понимаю как
$(document).ready( function() {
$('.dream').blurjs({
source: '.main',
radius: 20,
overlay: 'rgba(0, 0, 0, .2)'
});
});не могу понять
Прозрачный блок на фоне картинки как сделать? Вопрос задаю с неполным решением прошлого

Answer 1

[Сергей Горячев]

Да тут как раз всё просто.
https://jsfiddle.net/webirus/5p4vdL1f/1/
Только придется этот фон делать absolute или fixed.
А контент накладывать сверху, но вне блока, иначе контент тоже размоет.
Вот тут используется обычный filter blur.
Но, мне кажется, картинку проще размыть в фотошопе, она же статичная.
И места меньше займет и геморроя нет.

Comments

[smiof]

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

[smiof]

smiof: и у меня фон прописан через ковер и с этого взлетает размытость и появляется с непонятного с какого места

[Сергей Горячев]

smiof: в таком случае слить девушку с фоном лучше. А для адаптивности использовать разные картинки.