这个CSS不应该在IE9中工作吗？

我有一个我正在旋转的div。它可以在每个现代浏览器中运行，但IE的代码似乎不起作用。

#box { width: 400px; height: 400px; display: inline-block; position: absolute; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: all 0.8s 1s ease-in-out; -webkit-transition: all 0.8s 1s ease-in-out; -moz-transition: all 0.8s 1s ease-in-out; -o-transition: all 0.8s 1s ease-in-out; opacity:0; } #box.animate { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); opacity:100; } 

我看了下面两个类似的问题，但他们的解决方案并没有解决我的问题。

css3旋转在IE9中不起作用

CSS3变换：旋转; 在IE9中

我愿意使用jQuery，但我不太清楚它自己编写代码。

更新

下面是我询问如何使用jQuery解决的新问题的链接。 如果你可以帮我，我会给你一个蛋糕。 或者馅饼。

使用IE9支持的jQuery旋转div

Answer 1

IE9不支持转换，因此，它不会使用转换样式进行动画处理。

http://caniuse.com/#search=transition

你必须使用javascript或javascript库（jQuery等）才能在IE 9中实现这一点。所以要回答你的初始问题，答案是否定的，它应该不适用于IE 9.你可能想要改写和然而，发布了一个关于如何在jquery中进行图像旋转的新问题。

Answer 2

不幸的是，IE9及更早版本不支持CSS属性

 transition: 

要创建你的dealed效果你应该使用jQuery，Mootools或其他类似的JavaScript库。 我知道这不是解决方案，只是提示。

Answer 3

页面上的内容类型是什么？ 如果您没有定义内容类型，我相信IE9会进入“怪癖模式”。 您应该将内容类型设置为以下内容，以获得IE中的最佳性能：