Question

我正在显示一个隐藏的DIV，其中包含动画GIF，在提交表单时，在Chrome / IE11 / Edge中正常工作但GIF在Firefox中没有动画，如果有人能说出为什么会这么开心？代码如下：

onSubmit="document.getElementById('overlay').style.display = 'block';document.getElementById('loadergif').src='updating.gif';"

隐藏的容器如下：

<div id="overlay">
<div id="loader-container"><img src="updating.gif" width="204" height="85" alt="" id="loadergif"/></div>
</div>

Answer 1

我只使用HTML5视频代替GIF，而且修复了问题

在提交时显示DIV：

onSubmit="document.getElementById('overlay').style.display='block';"

DIV：

<div id="overlay">
<div id="loader-container">
  <video autoplay loop>
    <source src="updating.mp4">
    <source src="updating.webm">
    <source src="updating.ogv">
  </video>
</div>
</div>

保持简单！

在隐藏的DIV中加载GIF不在Firefox中设置动画

1 个答案: