2012-02-14 4 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版は何ですか? –

+0

はいそれは動作しませんでした私はバージョン17最新のものを使用しています – lee

+0

それは表示されませんか、または表示されますが、アニメーション化されませんか? –

答えて

0

てみてくださいdiv cssの場合はposition:absoluteです。 CSSで背景画像を使って画像をどのように追加しますか?

+0

。ローディングビッグimg { \t表示:ブロック; \t背景:#FFF url( '../ images/custom/loading_big.gif')ノーリピートセンターセンター。 \t float:left; \t幅:106px; \t身長:106px; \tポジション:絶対; \tトップ:185px; \t left:385px; }クラスは上記のようにスタイルされています... – lee

+0

新しいdivがWebインスペクタに表示されますか? – ustun

+0

CSSが関連性があるため、質問にCSSを読みやすい形式で追加しました。 –

関連する問題