我刚刚拍摄了一张简单的图像并试图为其制作动画。它在谷歌浏览器中运行良好，但在Firefox的情况下图像不显示。 在这里，我给你js小提琴链接。
<body><div class="icon"></div></body>
其余代码在链接中给出： http://jsfiddle.net/vvkkumar06/tA7qw/
答案 0 :(得分：1)
MDN文档中的答案。
http://oli.jp/2010/css-animatable-properties/#background-image
<强>背景图片
这仍然有点悬而未决，只有“渐变” 目前的工作草案，当前没有任何背景图像 编辑的草稿，以及CSS中背景图像的“动画：否” 背景和边框模块3级编辑的草稿。然而， 支持已经出现在Chrome 19 Canary中，这就是它 设计师想要。在广泛的支持到来之前，这可以伪造 图像精灵和背景位置或不透明度。'
此时我发现没有人真正支持渐变（Chrome 17，FF 12，IE9）。只有Chrome支持背景图片（这就是为什么它不适用于我的FF）。
动画背景
答案 1 :(得分：0)
我认为你应该缩短你的代码http://jsfiddle.net/DreamBig/tA7qw/4/。我将backgound-image放在div中，这样你就不必再在关键帧定义中再写6到10次了。
background-image: url('http://www.rotateweb.com/images/WebDesignB1.jpg');
我已经测试过，它在FF中完美运行。