html - 如何在html中使背景模糊

Question

我试图让我的背景图像变得模糊，但我无法将其突出显示。你能帮助我吗 ？提前致谢.. 这是我的代码。

这里是背景图片的代码:

html { 
  background: url(bench-green-park.jpg) no-repeat center center fixed ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;

  margin:0;
  padding:0;
  height:92%;
}

Answer 1

使用webkit-filter,moz-filter,o-filter,-ms-filter,filter 适用于所有主要浏览器

  .background-img {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;

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

或

 body    { 
 background: url(images/bg.jpg) no-repeat;
 }

 #wrap { 
 background: url(images/bgblur.jpg) no-repeat fixed;
 width: 500px; margin: 40px auto;
 }