0

私はプログラミングの世界に不慣れで、もっと学ぶために実験を続けてきました。静的なhtmli-frameアプリケーションを使用してカスタムのFacebookタブを作成していますが、ボディの背景画像を垂直方向に繰り返すと問題が発生し続けます。理解できない理由で、画像と繰り返し画像の間に白いギャップがあります。どんな助けでも大歓迎です！

コードは次のとおりです。

    body {
    background-image:url('http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png');
    margin:0;
    padding:0;
    background-position:right top;
    background-attachment: fixed;
    background-repeat:repeat-y;
    width:810px; 
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
    }`
4

2 に答える 2

1

使用している画像（http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png）の上部には、白い帯があります（大まかに言うと、高さは約123pxでした）。これは、あなたが観察しているギャップを引き起こしているすべての繰り返しで示されるでしょう。

画像をトリミングするだけで、ギャップがなくなります。

ページの上部に白い領域を配置したい場合（繰り返しではない）、背景を適用する領域を減らすか、上部の要素に明示的な白い背景を配置することをお勧めします。

于 2012-07-26T17:03:48.087 に答える
1

画像自体の上部に巨大な空白があるため

于 2012-07-26T17:05:10.473 に答える