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

实际上你有拼写问题

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: