0

簡単な質問があり、答えも迅速であることを願っています。ページ全体で背景を繰り返すにはどうすればよいですか？css repeatを試しましたが、何らかの理由で機能しません。

#main_container{
    background:url(../images/cb.jpg)  top left repeat;
    margin:0 auto;
    padding:100px 0 150px 0;
    z-index:9999;   


body{
    background-color:#000;
    color:#fff;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:100%;
    display:table;
    overflow-x:hidden;
    position:relative;  
}
4

2 に答える 2

1

表示される問題は、 #main-container がページ全体を埋めないためです。ページの高さ全体に拡張する必要があります。なぜあなたは使っているのですか

 body { display: table }

あなたのCSSで？一部のブラウザを混乱させる可能性があり、意味をなさないはずなので、それを削除します...

簡単な回避策は、代わりに背景画像をbodyタグに入れることです。

それ以外の場合は、常に #main-container に css を追加できます。

#main_container { 位置: 絶対; 上: 100px; 下: 0; マージン: 0 自動; }

そしてあなたのbody { position: relative; }

于 2012-11-29T08:06:31.437 に答える
0

使用できますbackground-repeat：

#main_container{
    ...
    'background-repeat:repeat;'
}

Netscape や smthn などを使用していない場合は、ブラウザで動作するはずです ^^

于 2012-11-29T07:55:36.597 に答える