internet-explorer - IE 中的 GIF 动画停止

Question

有谁知道在 IE 中单击链接或在页面上提交表单后使动画 GIF 继续呈现动画效果的解决方法吗？这在其他浏览器中运行良好。

谢谢。

Answer 1

接受的解决方案对我来说不起作用。

经过更多研究后，我发现了 this workaround ，而且它确实有效。

这是它的要点:

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>

因此，当提交表单时，<img/>标签已插入，由于某种原因它不受 ie 动画问题的影响。

在 Firefox、ie6、ie7 和 ie8 中测试。