0

かなり小さくてシンプルなレイアウトで作業しているので、MeyerのCSSリセットルールを使用して、ブラウザー間で予想される不一致のいくつかをクリアすることにしました。ネストされたいくつかのdivにいくつかの段落を追加することを決定するまで、すべてがかなりうまく機能していました。

段落タグを2番目のネストされたdiv内に配置すると、親と付与された親divの両方の背景画像がIE7で消えました。

段落タグを削除すると(そしてタグなしテキストを使用すると)、背景画像が返されます。さらに、タグを残し、reset.cssファイルへの参照を削除すると、背景画像が復元されます。

明らかに、私はこの問題を解決するためにこれらのルートのどちらにも行きたくありません。ここにいるCSSの達人は、何が起こっているのか知っていますか?

デモ: http: //www.sampsonresume.com/projects/patriot-depot/

4

2 に答える 2

1

IE のコンテンツが消えるバグのバージョンのようです。

zoom:1 を div.pd_horiz_content と div.pd_horiz_content_b に追加します。これにより、IE で「hasLayout」が呼び出され、背景が表示されます。

div にディメンション (幅:960px) を追加して、hasLayout を呼び出すこともできます。div の幅は背景画像に基づいて固定されているため、これはおそらくあなたのケースではより理にかなっています。

于 2009-05-29T02:29:49.440 に答える
1

奇妙なことに、reset.cssファイルから次のルールを削除すると、問題は解決されます。

background:transparent

このルールは、一致した要素の最初の大きなブロックに適用されるため、長期的には影響があるかどうかはわかりません。問題を「修正」するために Meyers の reset.css を編集することに少し不安があるため、より良い解決策があることを願っています。

于 2009-05-29T00:38:48.913 に答える