居中背景图片?

时间:2011-09-19 17:36:49

标签: css

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

帮助?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

html, body {
    height: 100%;
}

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

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

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