2011-08-08 11 views
0

申し訳ありませんが、私は透明な背景/再現可能なイメージを持つウェブサイトを設計しました。私がしたいことは、ページの最後までずっと繰り返すことです...コンテナの背景が繰り返されていません

両方の要素に100%の最小高さを含むコンテナの背景に高さを適用してみました。コンテナ内のコンテナとコンテンツに「body」や「html」以外の親要素がないため、文字通りウィンドウの下端に接続されるまで、この背景を何度も繰り返す必要があるか分かりません。

私はバックグラウンドイメージを繰り返して繰り返す問題を抱えているようです。 'Tisは非常に悪化する。

私は誰かがこの定期的な問題を把握するのを助けてくれるよう懇願します。うまくいけば私の質問は解決されるかもしれませんし、また答えます。 StackOverflowコミュニティに感謝します。

ありがとうございました!助けには少し難しいですあなたのコードを見ることなく

background:url(images/containerback-01.png) repeat-y; 

:あなたのコンテナのCSSの アーロン:-D

答えて

3

はこれを試してみてください。

+0

あなたが知っているとおり、バックグラウンドプロパティのデフォルトの動作は繰り返します。したがって、画像を水平方向に繰り返さないようにしない限り、ここでrepeat-yを宣言する必要はありません。 [ソース](http://www.w3.org/TR/css3-background/#the-background-repeat) –

1

例が役立つだろうが、あなたはあなたの背景には、あなたのコンテンツが終了する(後で大きな白いギャップを残して)終了される問題が発生している場合、これは役立つはず:

html { 
height:100%; 
background: blue; 
background-attachment:fixed; 
} 

背景を今伸ばす必要がありますページの全長。問題のcodepenは、より具体的な回答を生成するのに役立ちます。

関連する問題