html中如何把背景设置模糊

HTML中如何把背景设置模糊呢？

   background: url(背景图片地址) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -o-filter: blur(5px);
   -ms-filter: blur(5px);
   filter: blur(5px);
   position: relative;

上面的代码中，背景图片地址可以根据需要替换成相应的图片地址，其中的“blur(5px)”指定了模糊程度为5px，可自行调整。

值得注意的是，这个方法需要使用CSS3的新特性，因此只适用于较新版本的浏览器。