首页 > web前端 > css教程 > 为什么我无法在 Firefox 和 Internet Explorer 中制作背景图像动画?

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

Susan Sarandon
发布: 2024-11-05 19:58:02
原创
410 人浏览过

Why Can't I Animate Background Images in Firefox and 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板