Анимированный GIF в остановке IE
Вы не можете. Если бы вы могли, они были бы так же хороши, как открытый текстовый пароль.
Возможно, вы захотите рассмотреть аутентификацию OAuth2 , если ваш сервер поддерживает ее.
2 ответа
IE предполагает, что нажатие ссылки открывает новую навигацию, в которой будет отображаться содержимое текущей страницы. заменены. Как часть процесса подготовки к этому, он останавливает код, который анимирует GIF. Я сомневаюсь, что с этим можно что-либо сделать (если только вы на самом деле не перемещаетесь, в этом случае используйте return false в событии onclick).
Принятое решение не сработало для меня.
После некоторых дополнительных исследований я наткнулся на этот обходной путь , и он действительно работает.
Вот суть:
function showProgress() {
var pb = document.getElementById("progressBar");
pb.innerHTML = '<img src="./progress-bar.gif" width="200" height ="40"/>';
pb.style.display = '';
}
и в вашем html:
<input type="submit" value="Submit" onclick="showProgress()" />
<div id="progressBar" style="display: none;">
<img src="./progress-bar.gif" width="200" height ="40"/>
</div>
Итак, когда форма отправляется, вставляется тег , и по какой-то причине на него не влияют проблемы с анимацией. .
Протестировано в Firefox, ie6, ie7 и ie8.