gif 在 Microsoft edge 中无法正确设置动画

gif not animating correctly in Microsoft edge

我正在网站上使用加载 gif,它在除 Microsoft edge 之外的所有浏览器上都能正常工作。使用边缘时,gif 会一直运行通过加载圈,但在我假设的最后一帧*,gif 的一小部分会冻结并停留在那里,因为 gif 会继续再次播放。一旦发生一次,它将继续发生,直到用户离开页面。我不能放一个 link 来显示我正在努力的实际 gif, 但是我只是在 paint.net 中快速创建了一些东西并将其放入在线动画工具中以显示它在做什么。

https://giphy.com/gifs/QsUAu5ud4ibIdq97sm

所以对于我刚刚创建的这个快速 gif,一旦那个红色标记出现,它就会在 gif 的初始加载后每次出现。

*我只是假设它是最后一帧,但在编译成 gif 格式之前我无法访问 gif 的副本,所以我不知道每一帧中有多少加载动画

我想问的是有没有人知道在使用 edge 时如何解决这个问题。我是有限的,因为我无法改变 gif 本身或改变 gif 的帧速率。欢迎任何想法,因为我完全没有想法并且花了几个小时滚动浏览 在线页面寻找解决方案,但没有遇到任何与这里发生的事情相近的事情。

这也是使用 html 在页面上创建 gif 的方式。不确定这对这种情况是否有帮助:

<div style="text-align:center">
    <img src="~/Content/images/GIF-loading.gif" id="loadingGif" />
</div>

我尝试使用您的代码创建示例并从 here, it seems that it works well on Microsoft Edge 44 and Edge 42, the result like this 下载加载图像。所以,我认为你可以尝试下载一个新的加载图像并在你这边重新测试它。