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）

如何让背景图像贴在布局的底部？

1 个答案: