0

サイトのデザインでは、ページの上部に背景画像を配置する必要があります。このスクリーンショットで、本来の姿を見ることができます。私のサイトにリンクします。

残念ながら、これをまとめている間、Firefox を使用して自分の作業を確認しました。Firebug があるため、FireFox を使用しました。サイトは Firefox では正しく表示されますが、Safari、Chrome、および IE では正しく表示されません。Safari、Chrome、および IE では、背景本文ラッパーの背景画像はメニューの下にあります。 上部の背景が間違っているスクリーンショットの例。

背景画像を簡単に修正して、すべてのブラウザで動作するようにする方法はありますか? それとも、マークアップのいくつかの基本的な問題を修正するために、いくつかの手順を遡る必要がありますか?

4

2 に答える 2

0

marginのプロパティを変更し、背景画像の高さと同じになるように#nav追加paddingします。#wrapper

#nav {
     margin: 0 auto;
}
#wrapper {
     padding-top: 85px;
}
于 2013-07-22T20:36:13.133 に答える
0

親 ( ) にはそれを含む上マージン、パディング、または境界線がないため、マージン#navは折りたたまれています ( https://developer.mozilla.org/en-US/docs/Web/CSS/margin_collapsing )。#wrapper問題の簡単な修正は、 CSSに追加padding-top: 1px;することです。#wrapper

于 2013-07-22T20:24:23.290 に答える