私の.gifがブラウザに表示されないのはなぜですか？

-4

ウェブページにアニメーションGIFを追加してCSSでアニメーションを作成しようとしていますが、テストするときに画面に表示されないようです。私はChrome、Safari、Firefoxで試しましたが、運が良かったです。私の.gifがブラウザに表示されないのはなぜですか？

<!DOCTYPE html> 
    <html> 
    <head> 
     <style type="text/css"> 
     body { 

      background-color: #230190; 

     } 
      .wofly { 
      background-image:url("img/sprite_002.gif"); 
      width:100px; 
      height:100px; 
      position:absolute; 
      } 
     </style> 
    </head> 

    <body> 

    <div class= "wolfy"></div> 

    </body> 
</html>

それはちょうど私が前にでアニメーション化するために使用されていたのPNGのような<div>に表示されるはずです。

出典

2016-04-15 p.Wolf

に問題を持っているあなたは、フィドル例を示すことができますか？ –

+10

あなたのクラスは '.wofly'で、divに割り当てられたクラスは' wolfy'ですか？あなたはそれらのうちの1つをタイプしました。 –

@IsmailFarooq divにはGIFバックグラウンドがありますが、問題は単純なタイプミスです –

は実際にあなたがスペル

.wolfy { 
 
    background-image:url("https://codeproject.global.ssl.fastly.net/images/animated.gif"); 
 
    width:100px; 
 
    height:100px; 
 
}

<div class="wolfy"></div>

出典

2016-04-15 12:42:10

私の.gifがブラウザに表示されないのはなぜですか？

答えて

関連する問題