Я интегрировал vague.js, чтобы размыть фоновые изображения на заднем плане, но он размывает все тело с текстовыми телами.
Что мне нужно сделать, чтобы все текстовые и контейнерные тела отображались, покамой фон все еще оставался размытым.пожалуйста, проверьте изображение фона: введите описание изображения здесь
<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>
Я ожидал, что это размывает только фон, показывая текст и другие тела, но он размыл все.