html - 如何让背景图片完美适配页面

Question

图片没有完美贴合当前页面，如何让背景图片完美贴合页面

 .background-image {
  background-image: url('camera.jpg'); 
  background-size: cover;
  display: block;
  height: 800px;
  left: -5px;
  top:-5px;
  bottom:-5px;
  right: -5px;
position: fixed;      
z-index: 1;
  margin:0px auto;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }

我试过了，但是不能和模糊一起使用

background: url(images/bg.jpg) no-repeat center center fixed; 

http://jsfiddle.net/vj8skms4/

Answer 1

您缺少背景位置属性；
所以，要使图像在水平溢出时垂直居中，您应该添加:

 background: no-repeat center center fixed;

here's a fiddle