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;
}

无论浏览器窗口大小如何，都要保留背景图像CENTERED和UNSCALED

1 个答案: