为什么我无法在 Firefox 和 Internet Explorer 中制作背景图像动画？

关键帧中的背景图像：在 Firefox 和 Internet Explorer 中无效

据报道，该问题涉及关键帧中缺少背景图像动画火狐和 Internet Explorer。这种不一致的原因是，根据 CSS 规范，background-image 不是一个可设置动画的属性。尽管如此，不同的浏览器以不同的方式处理这种差异。

Chrome (Webkit) 在动画期间显示背景图像，而 Firefox 和 IE 不会这样做。 oli.jp 的消息来源解释说，这种不一致可能源于 CSS 中对交叉淡入淡出图像缺乏广泛支持。同时，可以使用图像精灵、背景位置或不透明度来模拟这种效果。

矛盾的是，Firefox 的行为在涉及背景图像的过渡和动画之间有所不同。虽然它在转换期间立即显示第二个图像（如将鼠标悬停在代码片段中的第一个 div 上所示），但在动画期间却无法这样做（如将鼠标悬停在第二个 div 上即可证明）。

结论，建议不要在关键帧内设置背景图像。相反，按照 oli.jp 的建议，选择背景位置或不透明度。

以上是为什么我无法在 Firefox 和 Internet Explorer 中制作背景图像动画？的详细内容。更多信息请关注PHP中文网其他相关文章！