SVG 动画不适用于第一次加载 [firefox]

Question

我需要为我的页面加载动画，这就是我找到 this page (loading.io) 的原因。

您可以创建自己的动画并导出到 css/gif/svg。我下载了 SVG.

我将所有内容添加到项目中 - 这是我的代码片段：

.something{
    background-color: #000;
    background-image: url(img/rolling.svg);
}

现在我遇到了一个问题。当我 第一次 打开页面时（或重新加载浏览器缓存）动画不起作用 - 我可以看到 background-image 但动画无法启动。第二次它工作正常但第一次呢？ 我该如何解决？

我检查了 google chrome - 一切正常。 好像只出现在firefox上。

Firefox 版本：47.0.1

Answer 1

最近已修复此问题 bug 935888. This fix is scheduled to appear in Firefox 50. You can download a nightly 并且已经修复

SVG animate don't work for the first loading [firefox]