かなり小さく、シンプルなレイアウトで作業するため、MeyerのCSS Resetルールを使用して、ブラウザ間の予想される不一致の一部を解消することにしました。私はいくつかの段落をいくつかのネストされたdivに追加することに決めてしまうまで、すべてはかなりうまくいっていました。IE7でMeyerのリセットと競合する段落タグはありますか?
2番目のネストされたdiv内に段落タグを配置すると、親と親のdivの両方の背景イメージがIE7でなくなりました。
段落タグを削除する(タグなしテキストを使用する)と、背景イメージが返されます。さらに、タグを残して、reset.cssファイルへの参照を削除すると、バックグラウンドイメージが復元されます。
明らかに、私はこの問題を解決するためにこれらのルートのいずれかに行きたくありません。ここにいるCSSの達人は何が起こっているのか知っていますか?
デモ:私はreset.css
ファイルから以下のルールを削除すると奇妙なhttp://www.sampsonresume.com/projects/patriot-depot/
私の勘違いは、IE7で透明な背景を持っておらず、あなたのdivの背景を隠しているということです。 –
このシナリオでは、私が間違っていなければ、段落間の余白部分に背景のストリップが表示されます。それは本当に非常に奇妙な効果です。 – Sampson