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

对此有何帮助？