0

Web サイトのスキニングを行っていたところ、overflow:visible が Firefox から IE への 2 つのまったく異なるものをレンダリングすることがわかりました。

Firefox は、コンテナの外側にすべてを表示するだけです...次のように:

 --------------------------------
 | div style="overflow:visible" |
 --------------------------------
  //overflow content from the div above

しかし、IEはオーバーフローに合わせてコンテナを拡張します...次のように：

 -----------------------------------------
 | div style="overflow:visible"          |
 | //overflow content from the div above |
 -----------------------------------------

IE の表示が異なる理由と、両方を Firefox と同じようにレンダリングする方法を知っている人はいますか?

ありがとう、
マット

4

1 に答える 1

0

あなたはそうは言っていませんが、この効果を得るための他の方法は考えられないので、ここでは固定の高さを適用したと仮定します。

ここでの問題はオーバーフローではなく、高さです。残念ながら、IE は高さを最小の高さとして扱うため、(overflow:visible などを使用して) 許可した場合はテキスト ボックスを拡張します。

高さの代わりに min-height を適用することもできますが、IE で Firefox の効果を直接再現する方法はないと思います: それほど柔軟ではありません。ただし、純粋にグラフィカルな場合は、repeat-x を含む背景画像を使用して、必要な場所に線を描画するだけで、効果をごまかす方法を考えることができます。おそらく追加のマークアップを挿入しようとしていることに失敗すると、決して良くありません。

于 2009-07-17T18:50:28.260 に答える