Gif изображение не работает в хроме, но работает в Firefox и то есть

Question

Я включил рисунок в моем HTML

<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 и т. д.

Когда я пытаюсь отобразить только gif в хроме, он отлично работает.

Answer 1

Вы проверили свое значение для автоматического повторения как для firefox, так и для хрома ..... По умолчанию для firefox: auto repeat "on". По умолчанию для firefox: auto repeat «off».