无论浏览器窗口大小如何，都保持背景图像居中和未缩放

Question

我正在尝试编辑背景以使其保持居中。然而，每次我调整窗口的大小来测试它时，图像会越来越多地向左移动。我尝试了其他代码，但它们最终缩小了背景。如果我在另一台计算机上查看我的页面，图像也会偏离中心。 :(

<style>
html, body {       
margin: 0px;    
background-color: #000000;
background-image: url('http://i.imgur.com/zwbnaPk.jpg');
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>

无论窗口大小如何，我都希望它看起来像这样居中。虽然在这张照片中它有点偏离，但你明白我的意思。

http://i.stack.imgur.com/iN5BR.jpg

Answer 1

首先...background 上的黑色中心部分不在中心，其次，您可以使用更少的 CSS 实现相同的结果

html,
body {    
  background: #000 url('http://i.imgur.com/zwbnaPk.jpg') center no-repeat;
  background-attachment: fixed;
  margin: 0;
}