我能应用CSS滤镜到背景图片吗？

Question

我希望能够像这样在背景中放置一张图片。

body{

    background-color: transparent !important;
    background-image: url("img.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px)


}

但是还需要对其进行模糊滤镜处理。

然而，当我将其应用于整个页面时，除了背景图像之外的所有内容都被模糊了。

有没有办法只在背景图像上应用模糊效果？（除了在Photoshop或类似软件中进行模糊处理）。

- Nick Ginanto

Answer 1

模糊效果可以应用在任何容器的背景图片上，但是不能应用在body标签上。

filter: blur(20px)

演示在这里

https://jsfiddle.net/scheinercc/Yr2zD/1128/

- Naveen Sharma