CSS過渡不能在IE 8/7中工作，適用於IE 11-9，FF，Chrome，Safari

我正在使用一個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

來源

2014-12-03 jsavage980

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

請不要使用JavaScript和jQuery等標籤與這個問題絕對沒有關係。 – Sparky 2014-12-03 16:18:41

感謝您的回覆......這就是我在想...欣賞它！ – jsavage980 2014-12-03 16:24:15

不幸的是，transform是not supported in IE<9（也確實是CSS動畫的任何其他形式），你可能需要求助於動畫的另一種手段，如.gif小號（不寒而慄）

來源

2014-12-03 16:17:26 SW4

我不是一個前端開發人員，但像[Modernizr]（http://modernizr.com/）這樣的圖書館可能是一個很好的開始構建適當的框架來支持這一點在IE – ejhost 2014-12-03 16:22:04

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

感謝@ SW4的迴應！ – jsavage980 2014-12-03 16:26:06

CSS過渡不能在IE 8/7中工作，適用於IE 11-9，FF，Chrome，Safari

回答

相關問題