【发布时间】：2015-04-16 10:44:46
【问题描述】：
我正在开发一个网站布局，该布局使用 css 动画、动画延迟和不透明度来制作褪色图像幻灯片。与code 非常相似。
在 IE 和 Chrome 中，图像完整显示，动画效果完美。然而，在 Firefox 中，每个图像在循环时只显示一部分。这可以通过 Firefox 或图片链接在 code.io 链接中看到。 http://i60.tinypic.com/24yr536.png
就好像图像在显示之前没有完全下载一样。
我已经在两台装有 Firefox 35 的 Win7 机器和一台 Win8.1 平板电脑上进行了尝试，结果相同。如果与下载速度有关，我的互联网连接是 ADSL 2+。
我已经尝试在容器函数上使用带有animation-delay: 3s; 的虚拟动画来给img 动画加载时间，但这不起作用。
更改图像文件大小确实有助于显示更多图像，但仍然缺少位。
通过搜索似乎没有其他人遇到此问题，这让我认为这可能只是我电脑上的一个设置。
到目前为止，已设法避免在此页面中使用 javascript，但如果这是唯一的解决方案，我会很乐意考虑。
有什么方法可以让这个幻灯片在 Firefox 中正确显示？
【问题讨论】：
标签： css image firefox animation