1

CSS の第一人者が、JQuery UI タブの IE レンダリングに関連する可能性のある問題を絞り込むのに役立つことを願っています。Firefox と Chrome では、私のタブは次のように表示されます。

Firefox でレンダリングされたタブ

Internet Explorer 9 でのレンダリングはかなり失敗します:

ここに画像の説明を入力

[マップ] タブと [フィールド] タブは、画面の左側にある親コンテナーに合わせてサイズ変更されなくなり、タブ ヘッダーは親コンテナーの幅全体に収まるようになりました。さらに、ペイン内からボタンをクリックしたときなど、多くの JQuery UI イベントが発生しなくなりました。IE 開発者コンソール内からエラー メッセージを受信して​​いないため、これが失敗する理由について少し迷っています。

4

1 に答える 1

0

問題が見つかりました。私の jQuery UI タブ内にネストされていたのは、ロード時に非表示になるいくつかの jQuery UI ダイアログ ボックスでした。それらが Chrome および Firefox に読み込まれると、それらのサイズは無視され、jQuery UI は含まれている残りの要素を正しくレンダリングします。Internet Explorer 9.0.8112.16421 では、これらの要素の高さがタブ ビューに組み込まれるため、要素のスタイル設定に関係なく、他の要素のサイズが正しく変更されません。

これらの要素をタブ コンテナーの外に移動すると、問題が解決します。

于 2012-10-11T20:55:35.047 に答える