CSS：位置]ページの下部にある要素ではないウィンドウ

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

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

画像が段落の後ろに、ページの下部にCSSを経由して配置されることを意図しています。

ここに実例があります。

2011-12-28 Greg

これはのように思えます'背景イメージ 'を行う複雑な方法。なぜ単にCSSの背景画像を使用しないのですか？ – Mathletics

そのため、以下で私のコードを行ったのです。リップ。 @Mathletics – TheBlackBenzKid

はうーん..テキストの後ろ..私は体を経由して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

他の人にはお答えできません。 – TheBlackBenzKid

ただ、水を加えます。これは：

body { position:relative }

画像は、それを取り囲む次善の配置（非静的）要素に相対的に配置されています。

2011-12-28 14:38:39 DanMan

誰でも私を落胆させた - あなた自身を正当化する。 – DanMan

なぜこの回答をdownvote？ – Greg

あなたは平均ですLike this??画像がウィンドウの下部に当たるのではなくテキストにとどまるようにしますか？

私は繰り返されるdownvotesを理解していません。質問には、「ページの下部にないウィンドウ」と明記されています。これは、画像をウィンドウの下部に揃えない唯一の解決策です。

2011-12-28 14:39:58 Scott

なぜ賛成投票ですか？ – Scott

3つの回答があり、そのうちの2つが投票を持っています。誰がそれをするのだろうか？ – Greg

よく私の答えとDanMansは事実上同じ正確な時刻に投稿されました。だから他の人の答えをコピーすることはなかった。そして、あなたが私の返事についてどのように感じているかにかかわらず、それは有効かつ有効な答えです。あなたの答えは実際にはここでの遅い答えでした。 – Scott

答えて