为什么某些css不适用于IE？

Question

为什么某些css不适用于IE？

例如：在这个页面上，它完全适用于chrome，它在IE上不起作用。 http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-loading-animation-loop/index.html

来自本页的教程： http://www.alessioatzeni.com/blog/css3-loading-animation-loop/

我在css上添加了一些代码：

里面.ball：

{
    animation-duration:1s;
    animation-name:spinoff;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
}

新的关键帧：

@keyframes spin {
0% {
    -moz-transform: rotate(0deg);
}


100% {
    -moz-transform: rotate(360deg);
}

}

在IE11上测试它无法正常工作。 我很困惑为什么它不适用于IE11 ...

更新

在没有意识到错误的情况下复制并粘贴该东西是我的错误。 我通过以下代码解决了这个错误：

@keyframes spin {
0% {
    transform: rotate(0deg);
}


100% {
    transform: rotate(360deg);
}

}

感谢猛禽指出我的错误。

Answer 1

尝试以下操作以支持其他浏览器并使其在IE中运行

-moz Mozilla -webkit Chrome和Safari -o-歌剧 -ms Internet Explorer

显然没有旧版本或非着名版本