Html 如何仅在css中模糊背景图像

嗨，我正试图模糊背景图像，但我认为这样做是不够的。对它的任何帮助都会让我为之振奋。谢谢

这是我的CSS

html {
  position: relative;
  min-height: 100%;
  max-width:  100%;
   background: url(img/rsz_1spring.jpg);
   background-repeat: no-repeat;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 max-width: 100%;
    overflow-x: hidden;

}

我试图应用这个，但它模糊了我所有的网页安装的背景图像只

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);

---

谢谢。

如果对

应用模糊，则会模糊您的网页

您不需要在

中添加背景，而需要在

中创建另一个

，其大小与网页大小相同，并向其添加模糊

示例

正文{
字体系列：“Arial”；
颜色：#fff；
}
.页背景{
背景：url（'http://www.planwallpaper.com/static/images/general-night-golden-gate-bridge-hd-wallpapers-golden-gate-bridge-wallpaper.jpg');
-webkit过滤器：模糊（5px）；
-moz过滤器：模糊（5px）；
-o-滤波器：模糊（5px）；
-ms过滤器：模糊（5px）；
过滤器：模糊（5px）；
位置：固定；
宽度：100%；
身高：100%；
排名：0；
左：0；
z指数：-1；
}

这是一个标题

将id或class属性分配给包含图像的图像标记或div，然后将css属性分配给包含图像的特定图像标记或div。你正在模糊整个html，这显然会模糊整个网页

例如：

<div class="image-container"><img class="blurred" src="..." /></div>

---

@TanmoySarkar的可能副本请检查上面评论中的链接，并告诉我们他们提供的解决方案是否适合您的需要。@RDardelet我正试图通过该链接解决此问题。。让我看看。@tympazz非常感谢你这太棒了。。。这就解决了我的疑问谢谢大家对我的帮助。。这也解决了我的疑问和疑问。。谢谢大家。：）

.image-container, .blurred, .image-container>img {
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -o-filter: blur(5px);
   -ms-filter: blur(5px);
   filter: blur(5px);
}