CSS 过渡在 IE 8/7 中不起作用,在 IE 11-9、FF、Chrome、Safari 中起作用

标签 css internet-explorer css-transitions

我使用的 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);
}

counter

enter image description here

最佳答案

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

关于CSS 过渡在 IE 8/7 中不起作用,在 IE 11-9、FF、Chrome、Safari 中起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27276520/

相关文章:

jquery - IE7 不捕获 jQuery 点击子选择器

java - Vista 上的 SWT 浏览器问题

javascript - 在 IE 11 中循环一段代码

javascript - 从按钮到文本输入的 HTML 转换

javascript - 动态显示滚动内的隐藏元素

jquery - 如何在angularjs中通过点击显示句子的隐藏内容

css - 为什么在应用背景渐变时边框颜色会反转?

jquery - 如何使用选择器和过滤器输入文本

Css3 过渡将不起作用

javascript - OSX 上的 Safari 6 中的 CSS3 闪烁(但这不是闪烁到白色的问题!)