6

DIV の (ページの長さよりも長い) 背景の繰り返しが停止する

背景画像(div内)、ページの上から下まで伸びるdiv、およびコンテンツのdivを含むHTML Webページがあります...ただし、DIV(上から下まで伸びる)の背景の繰り返しが停止しますページのさらに下に!(下にスクロールするとすぐに背景画像がなくなります) 助けてください!

CSSは次のとおりです。

    html {
     高さ:100%;
    }
    体 {
     背景色:#7E6F7F;
     高さ:100%;
    }
    #bg { /*これはページ全体の背景画像です*/
     位置:固定;
     上:0;
     左:0;
     幅:100%;
     高さ:100%;
    }
    #main { /*これが問題の div!!!*/
     パディング:0px;
     幅:85%;
     高さ:100%;
     背景色:#D2B9D3;
     背景: url(画像/Background_Content.jpg);
     背景添付ファイル:固定;
     背景位置:0% 0%;
     位置:相対;
     上:0;
     左:0;
     z-index:1;
     マージン:自動;
    }
    #content { /*これはコンテンツの div です*/
     表示ブロック;
     幅:85%;
     背景色:#E9CFEC;
     パディング:0.9375em; /*0.9375em=15px*/
     ボーダー:0.125em ソリッド #867687; /*0.125em=2px*/
     テキスト整列:両端揃え;
     -webkit-border-radius:15px;
     -moz-border-radius:15px;
     ボーダー半径:15px;
     -moz-box-shadow: inset 0 0 5px 5px #BAA6BD;
     -webkit-box-shadow: inset 0 0 5px 5px #BAA6BD;
     ボックスの影: インセット 0 0 5px 5px #BAA6BD;
    }

ご協力いただきありがとうございます :)

4

1 に答える 1

4

を使用して、またはbackground-repeatのいずれかに設定する必要があります。repeat-xrepeat-yrepeat-both

詳細については、こちらをご覧ください

編集

あ、なるほど。#main は、ロード時のブラウザの 100% です。スクロールすると、繰り返しが停止することに気付くでしょう。簡単な解決策はbottom:0、 #main スタイルに a を追加することです。そうすれば底まで伸びます。また、 を削除しheight: 100%ます。

于 2012-06-02T20:52:59.717 に答える