0

私はそのようなcssを持っています

.corner-wrapper
{
    display:table;
    position:relative;
    border: 2px solid #69b0ff;  
    margin:5px 0 5px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url("PIE.htc");   
}

丸みを帯びた角の継ぎ目がすべての IE の古いバージョンに追加されます。これは本当にクールですが、余白が失われていることに気付きました。私はググって、それに関連するいくつかのリンクを見つけました。その背後にはいくつかのバグがあるようです。 http://css3pie.com/forum/viewtopic.php?f=3&t=92およびhttp://css3pie.com/forum/viewtopic.php?f=3&t=364

それで、私の質問は - そのためのより良い、より効率的な回避策は何ですか?

4

1 に答える 1

2

これは私にとってうまくいったものです（パイフォーラムにも投稿しました）-これをbodyタグの直後に配置します（ヘッダーにある場合は機能しません）：

<!--[if lte IE 7]>
<script type='text/javascript'>
document.body.onload = function(){
 document.body.style.zoom = '2';
 document.body.style.zoom = '1';
}
</script>
<![endif]-->

次に、CSS で、下マージンを持つ各「パイ」要素に、下マージンの「式」ステートメントを次のように追加します。

.my_div {margin-bottom: 10px; margin-bottom: expression('10px');}

まだ正しい余白を表示していないボーダレス要素には、ボーダが必要な場合があります (「border-bottom: 1px solid transparent;」のようなもので問題ありません。「margin-bottom: -1px」を続けてキャンセルしないでください。そうしないと機能しません) ）。また、円グラフ要素内の絶対要素を表示する場合は、円グラフ要素内のフローティング要素を独自のラッパーでラップする必要があります (プレーンな div で十分です)。（接続が何であるかはわかりませんが、機能します）

于 2011-11-18T11:00:44.200 に答える