居中背景图片？

Question

我无法理解为什么我无法将背景图像定位到中心位置。

帮助？

Answer 1

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

Answer 2

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

html, body {
    height: 100%;
}

对于未来的读者：要使背景居中，请使用：
background-position: center center;

要在用户滚动时将背景保持在相同位置，请使用：
background-attachment: fixed;

请参阅this page以获取完整参考。