爲什麼我的CSS顏色轉換不能在IE10中工作？

Question

這裏是我的代碼：

/* Tile colour rotation */ 
/*tile 1 */ 
@-webkit-keyframes bwe1 { 
0% {background-color: #39f;} 
15% {background-color: #8bc5d1;} 
30% {background-color: #f8cb4a;} 
45% {background-color: #95b850;} 
60% {background-color: #944893;} 
75% {background-color: #c71f00;} 
90% {background-color: #bdb280;} 
100% {background-color: #39f;} 
} 
@-moz-keyframes bwe1 { 
0% {background-color: #39f;} 
15% {background-color: #8bc5d1;} 
30% {background-color: #f8cb4a;} 
45% {background-color: #95b850;} 
60% {background-color: #944893;} 
75% {background-color: #c71f00;} 
90% {background-color: #bdb280;} 
100% {background-color: #39f;} 
} 

/* Colour changing tiles */ 
.metro-layout .cycle1 {-webkit-animation: bwe1 20s infinite alternate linear; -moz-animation: bwe1 20s infinite alternate linear; } 

這些代碼的兩個部分，我使用來定義顏色旋轉動畫，但它不是在IE10工作。它是在Firefox，Safari和Chrome工作...

請幫忙！

Answer 1

你也應該定義

-ms-animation: ... 

和

@-ms-keyframes bwe1 { ... } 

由於-webkit-和-moz-是供應商特定的前綴，這IE簡單地忽略。

請注意，您還應該爲較新的瀏覽器（如最新的Firefox版本）定義代碼的前綴版本（animation,@keyframes）。