这个CSS不应该在IE9中工作吗？-Shouldn'tthisCSSworkinIE9?

I have a div that I'm rotating as it fades in. It works in every modern browser, but the code for IE doesn't seem to be working.

我有一个我正在旋转的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;
}

I've looked at the following two similar questions, but their solutions didn't solve my problem.

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

css3 rotation doesn't work in IE9

css3旋转在IE9中不起作用

CSS3 transform: rotate; in IE9

CSS3变换:旋转;在IE9中

I'd be willing to use jQuery, but I don't know it well enough to code it myself.

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

Below is a link to a new question I asked about how to solve using jQuery. If you can help I'll make you a cake. Or a pie.

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

Rotating a div using jQuery that's supported by IE9

使用IE9支持的jQuery旋转div

3 个解决方案

transition: