0

モーダルダイアログとして表示するdivタグがあります。このdivタグには、凡例タグといくつかのdivタグが含まれるフィールドセットウィッチが含まれています。

ただし、IE（9）とOpera、FF、Chromeでは結果がまったく異なります。

IE：

IEフィールドセット

オペラ：

オペラフィールドセット

オペラ、FF、クロームと同じようにレンダリングするにはどうすればよいですか？HTMLのデバッグによって、「オーバーフロー：非表示」であることがわかりました。原因は何ですか？しかし、なぜこれがIE9RenderをOperaFFやchromeとはまったく異なるものにするのでしょうか？

CSS：

.DynamicForm
{
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.Dialog fieldset
{
    background: white;
    border: 0;
}

.Dialog fieldset
{
    margin: 0;
    padding: 3px 2px 13px 13px;
}

.Dialog fieldset legend
{
    padding: 3px 10px;
    margin: -3px 0px 3px;
    background: #BC2327;
    font-weight: bold;
    color: white;
}

.DialogBackground
{
    background-color:rgba(0,0,0,0.1);
}

html：

<div class="DynamicForm Dialog">
  <fieldset>
    <legend>
            Allkort, 12 månader, Fullpris
        </legend>.......
4

1 に答える 1

0

私はoverflow：hiddenを使用する代わりに解決策を見つけました。完全に嫌いなのに、通常のクリアフィックスを使用するように変更しました。

ブラウザはまだそれをいくらか異なってレンダリングしますが、私が持っているものに満足しています。

于 2012-06-18T13:35:53.843 に答える