Question

请参阅此jsfiddle示例http://jsfiddle.net/z7JBr/4/

这是css

body {background:url(http://digitaldaily.allthingsd.com/files/2007/06/iphone_34.jpg) no-repeat center bottom red}

Answer 1

你需要给你的身体一些高度，因为它没有足够的内容使它一直到底部。

body {
    background:url(http://digitaldaily.allthingsd.com/files/2007/06/iphone_34.jpg) no-repeat center bottom red;
    height:500px;
}

Answer 2

@jitendra;将body, html{height:100%}放入body，因为您的身体现在没有height

Answer 3

我遇到了类似的问题，背景图片停在页面底部之前。在我的CSS中我放了body{background-image:url(http://domain.com/image.jpg);}，结果发现在CSS的另一部分我有body{background:#fff;}。当我把第二部分拿出来时，它工作正常。

我知道这是一个老帖子，但它是谷歌搜索的首选，所以我想我会尝试帮助有同样问题的人！

Answer 4

只是想提一下，除了已经说明的高度，你还需要确保你的孩子divs，这将有效地增加身体的高度，不设置绝对位置。我遇到了这个问题，其中一些为mobil设置的样式没有设置在媒体查询中，它搞砸了背景图像。

为什么身体的背景图像不会在这个jsfiddle示例中找到底部

4 个答案: