背景のコンテンツをコンテンツの高さに合わせる

Question

だから、CSSを使用してページのコンテンツの高さに比例するバックグラウンドボックスを作りたいと思います。私はやり方を知っているすべてを試しました。バックグラウンドボックスは、中央上部と下部の3つの部分に分割されています。これは、ボックスの周りの影を歪ませないためです。高さをコントロールするものはすべて中間セクションに適用する必要があります。 Heresのウェブサイトhttp://www.unitedbygaming.com/test.phpそしてあなたはあなたが必要とするものを見るためにページソースを右クリックすることができます。事前に助けてくれてありがとう。

Answer 1

すべての背景画像はので、ここで中央にないの最初のは、それが身体のCSSから削除

body { 
background-image: url("/images/site_background.png"); 
background-position: center top; 

}

を中心にするコードです。第二に

background-repeat: no-repeat; 

：

代わりの背景画像としてそれを呼び出すと、（2435px）、それはあまりにも多くのあなたがページの高さが増加している理由のthats画像にその高さをスライスしようとHTMLでこのイメージ<img src="/images/dfbox/mid.png" id="dfboxmid">を使用。

背景画像を呼び出して繰り返しy方向に繰り返すことができます。

私は影付きの画像を削除した下の画像を見ることができます。

の代わりに、これはより便利になりますヘッダー、ミドルとフッターのような3人の別々のdivの中で個別にそれを使用する1つのdivの中にすべての3枚の画像を使用して。