CSS：在網頁沒有窗戶

有史以來最簡單的HTML的底部位置元素：CSS：在網頁沒有窗戶

<!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/

2011-12-28 Greg

這似乎是一種複雜的背景圖像方式;爲什麼不使用CSS背景圖像？ – Mathletics 2011-12-28 14:43:55

這就是爲什麼我在下面做了我的代碼。 Repped。 @Mathletics – TheBlackBenzKid 2011-12-28 14:44:27

嗯..後面的文字。我想通過身體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>

2011-12-28 14:43:55 TheBlackBenzKid

謝謝 - 真的很簡單，但我沒有想到它自己 – Greg 2011-12-29 12:56:28

不用擔心只是爲別人回答。 – TheBlackBenzKid 2011-12-29 16:40:19

只需加水即可。和這樣的：

body { position:relative }

圖像被相對定位以圍繞它的下一個最好的定位（非靜態）元件。

2011-12-28 14:38:39 DanMan

誰低估了我 - 證明你自己。 – DanMan 2011-12-28 14:50:55

爲什麼使用downvote這個答案？ – Greg 2011-12-29 12:56:44

您的意思是Like this??爲了使圖像與文本保持一致，而不是擊中窗口的底部？

我不明白重複的downvotes。這個問題明確指出「頁面底部不是窗口」這是唯一不能將圖像與窗口底部對齊的解決方案。

2011-12-28 14:39:58 Scott

爲什麼選擇投票？ – Scott 2011-12-28 14:55:03

有三個答案，其中兩個具有反對票。我想知道誰會那樣做？ – Greg 2011-12-29 12:57:17

那麼我的答案和DanMans在幾乎相同的時間發佈。所以沒有抄襲其他人的答案。不管你對我的回覆有什麼看法，這是一個有效的工作答案。你的答案實際上是這裏遲到的答案。 – Scott 2011-12-29 17:38:51

回答