サイトの上部と下部に別々の背景画像がありますか？

Question

私は自分のサイトの上部と下部に別々の背景イメージを持っていますが、それを釘付けにすることはできません。私は、ページの絶対的な上部と下部に画像を残したいと思っています。下は、サイトモックアップのショットです。

モックアップには表示されませんが、下部にテキストリンクと著作権情報が表示されます。あなたは、WWWでnet [ドット] DEV [ドット] arbitersoflight [ドット]

モックアップ img683 [ドット] ImageShackの[ドット]たち/ img683/4502 /モッキー[ドット] JPGをコーディングで私の失敗した試みを見つけることができます

背景 img233 [dot] imageshack [dot] us/img233/1293/94210454 [dot] jpg

注：背景はそれぞれ1200×400です。

編集：この時点では、2つの画像を確実に表示することができます。問題は、ブラウザウィンドウの絶対的な下部に固定することです。それは現在固定的な位置にあるようです。以下は私のCSSとHTMLです。

UPDATE（解決済み）：私はこのガイドに基づいて自分のコードを再修正してやっとこれを解決しました：http://ryanfait.com/resources/footer-stick-to-bottom-of-page/みなさん、ありがとうございました。あなたは何ができるか

Answer 1

身体の背景として2番目の画像を使用し、色を設定し、最初の画像をコンテナの背景として使用することもできます。逆もまた同様ですが、バックグラウンドを揃えることを忘れないでください。切り替えた場合は、コンテナの高さを気にしてください。私のFirefoxで動作しない（zzzzBovとnemophrostからの提案のような）...

body { 
    background: #DDD url('2.png') no-repeat center bottom; 
} 
.container { 
    background: url('1.png') no-repeat center top; 
} 

Answer 2

：

メニューは上部の面積に合わせて独自の背景を持つdiv要素です。 次に、使用している本文またはコンテンツ/ページコンテナに下部を含む背景を適用します。

Answer 3

もう1つのことは、本文とhtmlに背景画像を設定することです。

body { 
    background: url(...); 
} 

html { 
    background: url(...); 
} 

例として、jqueryui.comがあります。

Answer 4

は、それはあなたが望むように聞こえる：

html 
{ 
    background: url(...) no-repeat top; /* see the background-position property */ 
} 

body 
{ 
    background: url(...) no-repeat bottom; 
} 

使用すると、1つを切り替えたいこと、またはその両方がrepeat-xを使用して、あなたは画像上の色と一致するように、適切な背景色を設定することを確認します。