我已经集成了vague.js来模糊我的反拉伸背景图像,但是它模糊了整个文本主体。
我要怎么做才能使所有文本和容器主体显示,而我的背景仍然模糊。 请查看背景图片:enter image description here
<script>
$.backstretch([
"img/17.jpg",
"img/22.jpg",
"img/1.jpg"
], {
fade: 200,
duration: 4000
});
var vague = $('body').Vague({
intensity: 10, forceSVGUrl: false,
animationOptions: {
duration: 1000,
easing: 'linear'
}
});
vague.blur();
</script>
我希望它在显示文本和其他正文时仅使背景模糊,但使所有内容模糊。