javascript - 異なる動作を送信する前のajax Firefox/Chrome

Question

コンテンツの読み込み中にスピナーを表示するために gif を読み込んでいます。Firefoxではすべて正常に動作しますが、Chromeでは何も起こりません..

jQuery.ajax({
    beforeSend: function () {
        document.getElementById('loading').style.display = 'block';
    },
    complete: function () {
        document.getElementById('loading').style.display = 'none';
    },

....

and the css for the spinner

#loading {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .8 ) 
            url('../img/loading.gif') 
            50% 50% 
            no-repeat;
}

これについて何か助けはありますか？