为什么我的 .gif 没有显示在我的浏览器上？

Question

我只是想将动画 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 一样。

Answer 1

实际上你的拼写有问题

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

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

为什么我的 .gif 没有显示在我的浏览器上？

Why doesn't my .gif display on my browser?

html

css

gif