Gif 图像不能在 chrome 中工作，但在 Firefox 和 ie 中工作

Question

我在我的 html 中包含了一个 gif 图片

<div id="overlay-inAbox8">
  <div class="wrapper" id="overlay-inAbox8wrapper">
    <img id="loading-gif" src="{% static 'loading.gif' %}" />
  </div>
</div>

css:

#loading-gif{
    width:100%;
}

#overlay-inAbox .wrapper {
    text-align: center;
}
#overlay-shade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #000;
}

.overlay {
    border: 3px solid #000;
    border-radius: 25px;
    background-color: #fff;
    position: fixed;
    left: 0;
    width: 50%;
    z-index: 11;
    color: #000;
} 
.ie7 .overlay {
    height: 200px;
}
 .overlay .wrapper {
padding: 15px 30px 30px;
text-align: center;
}

#overlay-inAbox8 {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 190px;
   height: 90px;
   line-height: 90px;
   text-align: center;
   margin-top: -50px;
   margin-left: -100px;
   display: none;
}

动画 gif 在 Chrome 中显示为静态图像，但在 Firefox 和 ie 中正确显示。

当我尝试在 chrome 中仅显示 gif 时，它工作正常。

Answer 1

您是否检查过您的 firefox 和 chrome 的自动重复值..... 默认情况下，Firefox：自动重复“开”。 默认情况下，Firefox：自动重复“关闭”。