internet-explorer - CSS3 变换 : rotate; in IE9

Question

在我完成的设计中，我有一个元素需要垂直。我已经得到了 css，它可以在除 IE9 之外的所有浏览器中工作。我使用了 IE7 和 IE8 的过滤器:

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

然而，这似乎使我的元素在 IE9 中变得透明，而 CSS3 的“转换”属性似乎没有做任何事情!

有人知道 IE9 中的旋转元素吗？

非常感谢您的帮助!

W.

Answer 1

标准 CSS3 旋转应该在 IE9 中工作，但我相信你需要给它一个供应商前缀，如下所示:

  -ms-transform: rotate(10deg);

在测试版中可能无法使用；如果没有，请尝试下载当前的预览版(预览版 7)，这是 Beta 版的更新版本。我没有要测试的测试版，所以我无法确认它是否在那个版本中。最终发布版本肯定会支持它。

我还可以确认 IE 特定的 filter 属性已在 IE9 中删除。

[编辑]
人们要求提供一些进一步的文件。正如他们所说，这是非常有限的，但我确实找到了这个页面:http://css3please.com/这对于在所有浏览器中测试各种 CSS3 功能很有用。

但在 IE9 预览版中测试此页面的旋转功能导致它崩溃得相当厉害。

不过，我在自己的测试页面中使用 IE9 中的 -ms-transform:rotate() 进行了一些独立测试，并且工作正常。所以我的结论是该功能已实现，但存在一些错误，可能与动态设置有关。

另一个有用的引用点是 www.canIuse.com，查看哪些浏览器实现了哪些功能——参见 http://caniuse.com/#search=rotation

[编辑]
恢复这个旧答案是因为我最近发现了一个名为 CSS Sandpaper 的黑客攻击这与问题相关，可能会使事情变得更容易。

hack 为旧版本的 IE 实现了对标准 CSS transform 的支持。所以现在您可以将以下内容添加到您的 CSS 中:

-sand-transform: rotate(10deg);

...并让它在 IE 6/7/8 中工作，而无需使用 filter 语法。 (当然它仍然在幕后使用过滤器语法，但这使得它更容易管理，因为它使用与其他浏览器相似的语法)