jQuery UIダイアログ：IE 8の背景にある巨大なDIV

jQuery UIのモーダルダイアログを使用して、IE8で私のものをテストしようとしています。ダイアログがポップアップするたびに、バックグラウンドで巨大なDIVが作成され、IEは垂直スクロールバーの親指のサイズを変更し続け、巨大なページがバックグラウンドでダウンロードされた場合、互換モードでIEは垂直スクロールバーのサムを一度変更しますが、すべてが期待通りに機能し、ページがまだ読み込まれていないように見えます。 jQuery UIのサンプルは私のためにうまく動作します。ここでjQuery UIダイアログ：IE 8の背景にある巨大なDIV

は私のコードです：

$("#confirm_stage_change").dialog({ 
    autoOpen: false, 
    bgiframe: true, 
    modal: true, 
    height: 300, 
    width: 300, 
    draggable: false, 
    resizable: false 
});

私の "ダイアログ" だそれ：

<div id="confirm_stage_change" title="Confirm Stage Change"> 
    <p> 
     Hello!!! 
    </p> 
</div>

は、ここで私がインスペクタに表示DIVです：

<div class="ui-widget-overlay" style="z-index: 1001; width: 1069px; height: 20218px;" jQuery1257312441701="35">

、誰もがそのようなものを見ました？

ありがとうございます！

UPDATE：IE8標準モード（XHTML 1.0 Strict、jQuery UIのサンプルもこのモードで破損します）では発生しますが、IE 8 Quirksモードでは問題ありません。

出典

2009-11-04 wasker

？ –

ここに問題のHTMLファイルがあります： http://dev.jqueryui.com/attachment/ticket/4942/test.html – wasker

（ダウンロードリンクは最下部にあります） – wasker

私は完全に質問を理解していないが、ここではそれで刺しです：（modal dialog mode中）

のjQuery UIのダイアログウィジェットは常に、ページの残りの部分に内容を完全にページのdivを置きますデフォルトではです。これは正常な動作です。 quirksモードはjQueryUIチームによってサポートされていないので、おそらくquirksモードでは表示されません。ダイアログにコンテンツを含むdivが存在しないようにするには、他のダイアログオプションを考慮する必要があります。

スクロールバーに関する限り、通常はモーダルダイアログが使用されているため、スクロールバーは表示されません。ただし、ダイアログが表示される前にページがスクロールするのに十分な大きさであれば、ブラウザはすべてのケースで異なる反応を示します。

出典

2009-11-04 05:47:09

問題はこのコンテンツDIVがうまくいきますquirksモードですが、私が標準に切り替えると、スクロールバーが動きます。 – wasker

私は別のポストに答えが見つかりました：JQuery UI modal dialog uses 100% CPU

は次のスタイルを追加します。遅すぎる

.ui-widget-overlay 
{ 
    position: fixed; 
}

出典

2010-09-22 11:56:31

これは私のためにIE6を殺します。 IE6の条件付きスタイルシートでは必ず 'position：absolute'に戻してください。 –

誰かのために有用である可能性、のようなものにDOCTYPEを変更しよう：おそらくいくつかのスクリーンショットが問題もう少し視覚的に私たちを助ける

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

出典

2016-06-29 05:44:26

jQuery UIダイアログ：IE 8の背景にある巨大なDIV

答えて

関連する問題