特定のHTMLはIEで表示/非表示にしたくありません。どうして？

Question

I次のようなHTMLがあります。

<div id="loading-overlay"> 
    <div id="loading-overlay-background"></div> 
    <div id="loading-overlay-content"> 
     Processing... 
     <br /> 
     <img src="@Url.Content("~/Content/img/ajax-loader.gif")" title="" alt="Please Wait" /> 
    </div> 
</div> 

とCSS：

#loading-overlay 
{ 
    position:fixed; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
    z-index:5000; 
} 
#loading-overlay-background 
{ 
    position:relative; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
    background-color:#000; 
    opacity:0.5; 
    filter:alpha(opacity=50); 
    z-index:5001; 
} 
#loading-overlay-content 
{ 
    position:fixed; 
    top:25%; 
    left:50%; 
    margin-left:-150px; 
    margin-top:-20px; 
    height:40px; 
    width:300px; 
    color:#fff; 
    text-align:center; 
    z-index:15002; 
} 

そして、ここでいくつかのJavaScript（jQueryの）：

$.ajax({ 
       url: 'controller/action', 
       beforeSend: function() { 
        $('#loading-overlay').show(); 
       }, 
       success: function (data, textStatus, jqXHR) { 
       }, 
       error: function (xhr) { 
       }, 
       complete: function() { 
        $('#loading-overlay').hide(); 
       } 
      }); 

なぜ「ロード・オーバーレイではありませんが"どのAJAX呼び出しでIEのどのバージョンにも表示されますか？

編集：はい、FireFoxとChromeでうまくいきます。これらのAJAX呼び出しは、完了までにわずか数秒から約20秒かかることがあります。警告メッセージは表示されますが、HTMLは表示されません。

Answer 1

、アクションでhereそれを参照してください

beforeSend: function() { 
    $('#loading-overlay').show(1); 
}, 

complete: function() { 
    $('#loading-overlay').delay(500).hide(250); 
} 

、このような何かを試してみてください。..

EDIT：

また、アニメーションのフレームレートを下げてみてください。デフォルトでjQuery.fx.interval = 50;

を使用

が、これは13ミリ秒に設定されています。これを増やすと、.fadeIn()を使用してCPUリソースの負担を軽減できます。しかし、これを調整する際は注意が必要です。続きを読むhere。

Answer 2

完全に非表示にするためです。

成功/エラーコールバックの後に呼び出されます。

Answer 3

IEを除いてすべてのブラウザでオーバーレイが表示されていたので、私はちょっと混乱しました。これはすべてのブラウザでうまく機能します。これをjsfページに統合しました。