css - 如何让背景图片贴在布局底部？

Question

我有这个背景，css代码是:

body {
    background: #FFF url('images/bg.png') no-repeat bottom center;
    margin-bottom: -500px;
    width: 100%;
    height: 100%;
    color:#999;
}

图像高 400 像素，我想让它与页面底部对齐。

到目前为止，这只适用于 Firefox。在 Chrome 和 IE 中，背景位置位于顶部中心，而不是底部中心。

Answer 1

您还需要将 html 元素的高度设置为 100%:

html, body {
    height: 100%; width: 100%;
    padding: 0; margin: 0;
}

body {
    background: #FFF url(images/bg.png) no-repeat bottom center;
}

此外，负边距在 IE6/7 中不起作用(不确定 IE8)