0

私のウェブページが他の解像度でどのように表示されるかを確認するために友人の家に行きましたが、背景画像が側面に達していないことがわかりました。それで、家に帰っていくつかの調査を行ったところ、背景画像を body タグに入れる代わりに、div の前に body タグ内に div を作成する必要があると言われましたcontainer。

これは私のデザインの 1 つで機能しましたが、他のデザインでは機能しませんでした。コードはまったく同じでしたが、画像はそうではありませんでした。

CSS を追加position:absoluteしてみましたが、表示されますが、上部と左側に奇妙な白い境界線があります。

この問題を解決するにはどうすればよいですか?

HTML:

<html>
    <head></head>
    <body>
        <div class="background">
        </div>
        <div class="container">
        </div>
    </body>
</html>

CSS:

body{
    text-align:center;
}

.background{
    background:url('images/background.png')no-repeat;
    width:100%;
    height:100%;
    background-position:center; 
}
4

1 に答える 1

1

適切な回答を得るには十分な情報ではありませんが、ページの上部と左側にある白い線は、body タグに追加された自然な余白のように聞こえます。これをcssに追加すると、それを削除する必要があります:

body {
margin: 0px;
}

また、「側面に達する」背景画像は、主に表示画面の解像度とブラウザのサイズに関連する画像の寸法に依存します。これらの要因は制御できないため、デザインの背景に画像を使用する場合は注意してください。

于 2012-09-30T18:04:53.630 に答える