3

私がこれを最初にやったわけではないと確信しているので、これは以前にカバーされていたに違いないと確信していますが、答えを見つけることができません。<div>繰り返し背景画像を使用してシャドウ効果を作成しています。下の2つのコーナーでは、9x5ピクセルの小さな画像を使用しています。私はそれらを左右に浮かせます、そしてFirefoxとSafariではそれらは完璧に見えます。IE8（および場合によっては他のIE）では、左右に約3px浮きすぎます。

あなたはここで問題を見ることができます。それは私の妻のためのebayテンプレートです。

これまで、同様のIE6の問題を修正したdisplay：inlineを設定してみました。また、画像の余白とパディングを0pxに設定してみましたが、うまくいきませんでした。

何か案は？

ありがとう、Carraig

4

2 に答える 2

4

ページを閲覧しているときに、デフォルトでクァークズモードになっていることがわかりました。これは、IEを強制的に適用すると、IEのすべてのケースでフローティングの問題が解決するように見えるためです。

ここでppkの記事を読んでください： http ：//www.quirksmode.org/css/quirksmode.html

彼はそれが起こっている理由とそれを修正する方法を説明します:)

それが役に立てば幸い！

于 2009-09-10T10:58:49.713 に答える
3

divの境界の外に出るfloat要素と関係があると思います。親divを閉じる前に、これを挿入してみてください。

<div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>
于 2009-09-10T10:50:26.163 に答える