CSS：页面底部的位置元素不是窗口

Question

最简单的html：

<!doctype html>
<html>
<body>
<p>Some text content</p>
<p>Some more content</p>
<p> ... </p>

<img src="image.jpg">
</body>
</html>

该图像旨在通过CSS在页面底部，段落后面放置。

这是一个实时示例。

http://jsfiddle.net/g105b/NfzT3/

Answer 1

就加水。 和这个：

body { position:relative }

图像相对于其周围的下一个最佳定位（非静态）元素定位。

Answer 2

嗯..在文本后面..我认为通过正文的CSS比上面的解决方案更好-通用CSS：

<style type="text/css">
body {
background:url(image.jpg) no-repeat bottom center;
}
</style>

如果要修复：

<style type="text/css">
body {
background:url(image.jpg) no-repeat bottom center fixed;
}
</style>

Answer 3

你的意思是这样吗？ 以便图像与文本保持一致，而不是碰到窗口底部？

我不明白一再的否决票。 问题明确指出“ 页面底部而不是窗口 ”，这是不将图像与窗口底部对齐的唯一解决方案。