正在尝试加载gif图像,但未加载chrome

Trying to load a gif image but does not load in chrome

本文关键字:加载 chrome 图像 gif      更新时间:2023-09-26

我正试图在点击按钮时加载gif图像,但它在chrome上不起作用,在其他情况下也可以。如果我加载一个png图像,但我需要动画来加载,它就可以工作了。

使用的代码:

function showModalandLoadingAni(){
    $('#shadeSearchLoading').show();
    $('#modalSearchLoading').show();
    $('#modalSearchLoading').html('<div class="loading-big-img" style="z-index:99999; top:65px;"></div>');
}

我已尝试在$(document).ready中加载图像。。但是运气不好。。

相关CSS(来自评论):

.loading-big-img {
    display:block; 
    background: #FFF url('../images/custom/loading_big.gif') no-repeat center center; 
    float:left; 
    width:106px; 
    height:106px; 
    position: absolute; 
    top:185px; 
    left: 385px;
}

尝试为div css添加一个position:absolute。如何通过css中的背景图像添加图像?