Css 模糊背景而不影响div

如何使背景模糊，但div是正常样式？这样做可能吗

正文
{
背景色：#333；
填充：1px；
-webkit过滤器：模糊（5px）；
-moz过滤器：模糊（5px）；
-o-滤波器：模糊（5px）；
-ms过滤器：模糊（5px）；
}
div{
高度：200px；
宽度：200px；
背景：#ccc；
}

---

测试

在DIV上使用方框阴影：

正文{
背景色：#333；
填充：1px；
}
div{
高度：200px；
宽度：200px；
背景：#ccc；
利润率：10px；
盒影：0 10px 10px#ccc；
}

---

test

如果你模糊一个元素，它也会模糊该元素中的所有内容（不仅仅是背景）。但是，您可以模糊包含图像的div，并将内容放在它旁边的其他元素中

div.bg{
/*下面是div的大小和定位*/
位置：绝对位置；
顶部：0px；
左：0px；
z指数：-1；
高度：300px；
宽度：500px；
/*背景图像*/
背景：#ccc url（'https://farm3.staticflickr.com/2255/2539937014_dc7c24f98a_o.jpg中-中不重复；
/*模糊元素*/
-webkit过滤器：模糊（5px）；
-moz过滤器：模糊（5px）；
-o-滤波器：模糊（5px）；
-ms过滤器：模糊（5px）；
}

这里没有模糊
更多内容，而不是模糊

你的

身体实际上有背景图像吗？或者仅仅是那种
#333
颜色？在这种情况下不能使用-ms过滤器，它只适用于IE9不推荐使用的特殊过滤器。浏览器还不支持现代过滤器，只支持svg。