1

そのため、ページの上部に画像が貼り付けられており、上部全体で繰り返されています。何らかの理由で、ウィンドウのサイズを変更してから右にスクロールすると、繰り返しが停止します。div は、ラッパーの外側にあるドキュメントの最初の部分です。何か案は？

#header {
    background-image:url('http://daveywhitney.com/img/paperhead.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 145px;
    margin:0 0 20px 0;

}
4

4 に答える 4

0

これはFireFoxではうまく機能しているようです。ウィンドウのサイズを変更するときは、親要素の幅を確認してください。

于 2010-08-10T17:11:57.817 に答える
0

min-widthメイン コンテンツよりも少し大きくなるようにを追加する必要があります。

于 2012-09-14T19:17:45.320 に答える
0

あなたが提供した詳細から判断するのは難しいですが、これがうまくいくかもしれない答えです. 以下を追加

#header {
    background-image:url('http://daveywhitney.com/img/paperhead.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 145px;
    margin:0 0 20px 0;
    overflow:hidden;
    position:relative}

#wrapper {width:960px;margin:0 auto;position:relative}
于 2011-05-12T15:04:27.803 に答える
0

コードで設定された利用可能なベンチマークは次のとおりです。

  • width - 100% (画像の全幅が考慮されるため)
  • "background repeat - x" - 画像は水平に繰り返されます

内部的には、画像の幅が 250px で、ブラウザー画面全体の幅が 1024px であるとします。技術的には、画像は水平方向に少なくとも 5 回繰り返され、フルサイズで 4 回繰り返され、最後の画像が少しだけ表示されます。

現在、ブラウザのサイズを変更したり、ポップアップ ウィンドウで同じ Web ページを表示したりすると、ブラウザ画面の幅が変更されます。ブラウザの画面幅が 220px になったとします。画像の幅がブラウザー画面の幅よりも大きいため (この特定のテスト ケースでは)、画像がまったく繰り返されず、画像全体を表示することもできません。

バグがあるわけではありません。理解する必要があるのは論理的な部分だけです。

それが役に立てば幸い。

于 2010-08-10T18:29:36.370 に答える