2012-02-14 76 views
0

我想加载一个按钮点击一个GIF图像,但它不能在铬上工作,在其他人工作正常。它工作,如果我加载一个PNG图像,但我需要加载动画。使用试图加载一个GIF图像,但不加载在铬

代码:

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

简单的''在Chrome中适合你吗?另外,您的Chrome版本是什么? – 2012-02-14 10:45:46

+0

是的,我试过,它不起作用,我使用版本17最新的 – lee 2012-02-14 10:46:42

+0

它不显示或显示,但不是动画? – 2012-02-14 10:49:23

回答

0

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

+0

。loading-big-img { \t display:block; \t background:#FFF url('../ images/custom/loading_big.gif')no-repeat center center; \t float:left; \t width:106px; \t height:106px; \t position:absolute; \t top:185px; \t left:385px; }这个班级的样式如上... – lee 2012-02-14 10:50:53

+0

新的div是否出现在网络检查器中? – ustun 2012-02-14 10:54:34

+0

将CSS更加可读的格式添加到问题中,因为它可能是相关的。 – 2012-02-14 10:55:46