0

画面全体に背景画像を表示するために div を使用している Web サイトがあります。div には何もありませんが、高さを指定しています。

私のコードは次のようになります:

<div id="nav">
    <!-- -->
</div>

私のcssは次のようになります：

/* Navigation */
#nav {
    background: url("images/bgnav.png") repeat-x;
    height: 116px;
    position: relative;
    z-index: 1;
}

私が理解していないのは、SafariとFireFoxでは背景画像がブラウザの幅にまたがるという事実ですが、IE8では約1000px程度で停止し、別のdivにはありません...それはすべて単独であり、私が投稿したもの以外のコードはありません。幅をピクセル単位で指定すると長くなりますが、幅を指定しない場合や、幅が 100% などのパーセンテージである場合は機能しません。また、最小幅を画像の幅に設定しようとしましたが、それもうまくいきませんでした。

任意のアイデア...これはIE8にのみ影響するようです。両方とも IE8 を実行している複数のマシンでテストしましたが、どちらも同じ問題を抱えているため、ここではブラウザ キャッシュは行われていません。

ありがとう、
ジョシュ

4

1 に答える 1

0

私は @Zaf Khan のアドバイスを受けて、より小さな画面解像度に準拠するように Web サイトを作り直しました。元のコードは気に入りましたが、より多くの画面サイズに合わせて最適化したので、変更してよかったです :-) 以前とは少し違って見えますが、機能ははるかに優れています!

ありがとう、
ジョシュ

于 2013-04-26T21:55:49.617 に答える