【问题标题】:CSS transitions not working in IE 8/7, works in IE 11-9, FF, Chrome, SafariCSS 过渡不适用于 IE 8/7,适用于 IE 11-9、FF、Chrome、Safari
【发布时间】:2014-12-04 00:17:44
【问题描述】:

我正在使用一个 js 计数器,它在 FF、Chrome、safari、IE 11-9 中运行良好,但由于某种原因,转换在 ie 8/7 中不起作用(参见下面的 css 代码)。顶部图像是计数器在 FF、Chrome、Safari、IE 11-9 中。第二张图片来自 ie8/7。不知道我错过了什么,任何帮助将不胜感激!谢谢!

.prev-top {
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
}

.prev-top.flip {
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
}

【问题讨论】:

  • IE 不支持转换caniuse.com/#search=transform
  • 请不要使用 JavaScript 和 jQuery 这样的标签,因为它们与问题完全无关。
  • 感谢您的回复...这就是我的想法...感谢它!

标签: css internet-explorer css-transitions


【解决方案1】:

不幸的是,transform 是 not supported in IE<9(实际上也不是任何其他形式的 CSS 动画),您可能需要求助于另一种动画方式,例如 .gifs(颤抖)

【讨论】:

  • 我不是前端开发人员,但像 Modernizr 这样的库可能是开始构建适当框架以在 IE 中支持此功能的好地方
  • @ejhost Modernizr 很棒,但它在这里所能做的就是告诉你它们是否受支持:)
  • 感谢@SW4 的回复!
猜你喜欢
  • 1970-01-01
  • 2013-07-09
  • 1970-01-01
  • 1970-01-01
  • 2015-08-11
  • 1970-01-01
  • 1970-01-01
  • 2023-04-05
  • 2018-12-13
相关资源
最近更新 更多