为什么我的 .gif 不显示在我的浏览器上？ [关闭]答案

【问题标题】：Why doesn't my .gif display on my browser? [closed]为什么我的 .gif 不显示在我的浏览器上？ [关闭]
【发布时间】：2016-08-07 10:30:37
【问题描述】：

我只是想向网页添加动画 gif，然后使用 CSS 对其进行动画处理，但在测试时它似乎没有显示在屏幕上。我已经在 Chrome、Safari 和 Firefox 上尝试过，但很幸运。

 <!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>

它应该只显示在 <div> 中，就像我之前用来制作动画的 png 一样。

【问题讨论】：

你能展示小提琴的例子吗？
会不会是你的班级是.wofly，而你分配给div的班级是wolfy？你打错了其中一个。
@IsmailFarooq div 应该有 gif 背景，但问题似乎是一个简单的错字
天哪，我真是个傻瓜哈哈。谢谢@IsmailFarooq

标签： html css gif

【解决方案1】：

其实你的拼写有问题

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

&lt;div class="wolfy"&gt;&lt;/div&gt;

【讨论】：