How to blur the background with another image (blurjs)?

4bffcd77ea9242809fbfbb930ed7dd76.pngContinuation of the issue, you can blur the area of the body, but the picture I do not understand how
$(document).ready( function() {
$('.dream').blurjs({
source: '.main',
radius: 20,
overlay: 'rgba(0, 0, 0, .2)'
});
});I can not understand
Transparent block on the background image how to do? The question is asked with an incomplete solution of the past
July 9th 19 at 11:05
1 answer
July 9th 19 at 11:07
Yes, there is just simple.
https://jsfiddle.net/webirus/5p4vdL1f/1/
Just have the background to do absolute or fixed.
And the content to overlay on top, but outside of the unit, otherwise the content will also blur.
Here is a conventional blur filter.
But I think the picture is easier to blur in photoshop, it is also static.
And will occupy less space and no hemorrhoids.
you seem to have misunderstood me, I blured the background in the block, and I blur another image of the girl legs over John. on top of the picture you can see that the blured background and no legs - Earlene.Au commented on July 9th 19 at 11:10
: I have a background spelled out across the rug and takes off the blur and reappears with a strange a - Earlene.Au commented on July 9th 19 at 11:13
in this case, to merge the girl with the background better. And for the adaptability to use different pictures. - caleb_Stehr commented on July 9th 19 at 11:16

Find more questions by tags CSSJavaScript