2014-12-03 34 views
0

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

.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

+2

IE中不支持转换<9 http://caniuse.com/#search=transform – SW4 2014-12-03 16:16:19

+1

请不要使用JavaScript和jQuery等标签与这个问题绝对没有关系。 – Sparky 2014-12-03 16:18:41

+0

感谢您的回复......这就是我在想...欣赏它! – jsavage980 2014-12-03 16:24:15

回答

4

不幸的是,transformnot supported in IE<9(也确实是CSS动画的任何其他形式),你可能需要求助于动画的另一种手段,如.gif小号(不寒而栗)

+0

我不是一个前端开发人员,但像[Modernizr](http://modernizr.com/)这样的图书馆可能是一个很好的开始构建适当的框架来支持这一点在IE – ejhost 2014-12-03 16:22:04

+1

@ejhost Modernizr是很棒,但它所能做的只是告诉你他们是否被支持:) – 2014-12-03 16:23:34

+0

感谢@ SW4的回应! – jsavage980 2014-12-03 16:26:06

相关问题