html兼容ie旋转,html – IE8 CSS旋转

我正在寻找IE8中旋转元素的CSS解决方案.我发现的一些解决方案说它应该在IE8中运行,但它不适合我.我做错了什么？

这是我尝试过的：

.rotate {

font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px;

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

TESTING ROTATION

如果您在回答之前测试您的解决方案,我将不胜感激,并且您可以编辑我的给定示例并重新发布所有代码.

[编辑]

如果有人仍然好奇,问题不是代码,而是测试环境.

你应该在IE10 / IE11中使用真正的IE8,而不是IE8模拟器(不确定IE9)