居中背景图片？

-3

我不明白为什么我无法让我的背景图像定位到中心位置。居中背景图片？

帮助？

2011-09-19 Aaron

无代码 - 只是一个链接 - 穷人！ –

链接说这一切，在这种情况下。不过，jsfiddle会更好。 – GolezTrol

您必须将html元素的高度设置为100%才能使您的代码正常工作。目前，您的身体的偏移高度为0px。

html, body { 
    height: 100%; 
}

为未来的读者：要居中的背景下，使用方法：
background-position: center center;

为了保持背景在相同的位置，当用户滚动，使用：
background-attachment: fixed;

见this page为一个完整的参考。

2011-09-19 17:43:45

设置background-position: 50% 50%并在html元素上设置height: 100%。高度是必不可少的，否则，背景会集中在错误的空间中。

2011-09-19 17:38:35 GolezTrol

除非你已经使用了100％的高度，在这种情况下，你不应该对'html'做任何改变，因为你可能使用'min-height'。 –

当然是的，但在这个特定的情况下，高度没有指定，这就是它不起作用的原因。您可以打开该网站并在FireBug中修改样式，以查看'html'上的高度是这里缺少的唯一东西。 – GolezTrol

我说这是为了参考未来的游客。 –

回答