css - 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; }

これらは、色の回転アニメーションを定義するために使用しているコードの 2 つのセクションですが、IE10 では機能しません。ただし、Firefox、Safari、および Chrome で動作しています...

助けてください！

Answer 1

また、定義する必要があります

-ms-animation: ...

と

@-ms-keyframes bwe1 { ... }

-webkit-とは単に無視する-moz-ベンダー固有のプレフィックスであるためです。IE

最新の Firefox バージョンなど、新しいブラウザー用にコードのプレフィックスなしのバージョン ( animation, )も定義する必要があることに注意してください。@keyframes