大家早上好。
今天我正在努力使用以下代码：jsFiddle上的源代码
我一直试图实现的是一种看似简单的图像翻转效果，其中图像的“镜像”使用一些 css3 效果覆盖了原始图像。
- Chrome 12完美转换图像
- 当图像遇到鼠标光标时，Firefox 5 停止转换
- IE9 - 根本没有任何变换，图像只是在晃动
- Opera - 未选中
我如何做到这个跨浏览器兼容？
问问题
416 次
2 回答
1
根据CanIUse.com的说法，IE9 不支持 CSS3 过渡，所以我想这就是为什么它在 IE9 中不适合你的原因。
支持该功能的浏览器是 Firefox（从 v4 开始）、Chrome、Safari 和 Opera。但值得指出的是，目前在所有支持它们的浏览器中，过渡都需要供应商前缀。
供应商前缀意味着两件事之一：要么规范尚未最终确定，因此该功能可能会在语法上发生变化，或者浏览器自己对该功能的支持尚未被认为是完整的。
Chrome 多年来一直支持过渡，因此一切正常运行也就不足为奇了。Firefox 只是最近才添加它，所以由于它们需要供应商前缀，你应该把它当作一个警告，事情可能不能保证 100% 工作。
于 2011-07-19T08:24:12.997 回答
1
我想我让它以你想要的方式在 Firefox 5 中工作。见http://jsfiddle.net/X2eN6/7/
于 2011-07-19T10:06:29.423 回答