是否可以使用-webkit-filter：blur();在背景图像？
我试过这个代码，它只是模糊了一切，但背景图像：
body {
background-image: url('http://www.publicdomainpictures.net/pictures/10000/velka/pebbles-and-sea-11284647414Rbeh.jpg');
background-attachment: fixed;
-webkit-filter: blur(5px);
}
我一直在寻找一段时间，但找不到任何资源描述如何做到这一点。
解决方法
未来用户：这在IE7，IE8，IE9，IE10，IE11或当前版本的EDGE不支持。
不要在真实网站上使用，除非您有后备。
如果你正在寻找一个不依赖额外标记的解决方案，你可以应用背景图像和过滤器到身体上的一个伪元素。
body {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
height: 100%;
}
body:before {
content: "";
position: absolute;
background: url(http://lorempixel.com/420/255);
background-size: cover;
z-index: -1; /* Keep the background behind the content */
height: 20%; width: 20%; /* Using Glen Maddern's trick /via @mente */
/* don't forget to use the prefixes you need */
transform: scale(5);
transform-origin: top left;
filter: blur(2px);
}
