css - css width 100% は画面のサイズのみをカバーします (スクロール後の行はカバーしません)

Question

私のcssコードでは、 background-image:url を設定しました

height:100%;

しかし、結果として、100% キャプチャーできる範囲は画面のサイズのみです。ページにスクロールがある場合、スクロールに必要なすべてのページ行にそれらの背景が表示されません。

助言がありますか？

注: 要素のサイズが動的に変化します。

Answer 1

これは、100% は親要素の 100% を意味するためです。まず、ドキュメントが実際にブラウザー ウィンドウの 100% であることを確認します。

html, body {
    width: 100%;
    height: auto !important;
    height: 100%; /* for older browsers */
    min-height: 100%;
}

Answer 2

body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}