我可以将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或类似的模糊.

Answer 1

模糊将处理除身体以外的任何容器的背景图像.

filter: blur(20px)

演示就在这里

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