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;
}

有什么帮助吗？