CSS3 transform:rotate;在IE9

前端之家收集整理的这篇文章主要介绍了CSS3 transform:rotate;在IE9前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个元素,需要在我做过的设计中是垂直的。我有CSS的这个工作在所有浏览器,除了IE9。我使用IE7& IE8:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

这似乎在IE9渲染我的元素透明和CSS3’tranform’porperty似乎没有做任何事情!

有谁知道任何旋转元素在IE9吗?

真的很感谢帮助!

W.

解决方法

标准CSS3旋转应该在IE9中工作,但我相信你需要给它一个供应商前缀,像这样:
-ms-transform: rotate(10deg);

它可能不工作在测试版;如果没有,请尝试下载当前预览版本(预览7),这是beta的更新版本。我没有测试版的测试,所以我不能确认是否是在那个版本或不是。最终发布版本肯定支持它。

我也可以确认IE特定的过滤器属性已经在IE9中删除

[编辑]
人们要求一些进一步的文件。他们说,这是相当有限,但我发现这个页面http://css3please.com/这是有用的测试各种CSS3功能在所有浏览器。

但在IE9预览中测试此页面上的旋转功能导致其崩溃相当壮观。

然而,我做了一些独立的测试使用-ms-transform:rotate()在IE9在我自己的测试页,它是工作正常。所以我的结论是,该功能已实现,但有一些错误,可能与动态设置它有关。

另一个有用的参考点,其中实现的功能在哪些浏览器是www.canIuse.com – 见http://caniuse.com/#search=rotation

[编辑]
恢复这个老答案,因为我最近发现了一个名为CSS Sandpaper的黑客,这是与问题相关的,可以使事情更容易。

hack实现了对于旧版本的IE的标准CSS变换的支持。所以现在你可以添加以下到你的CSS:

-sand-transform: rotate(10deg);

…并使它工作在IE 6/7/8,而不必使用过滤器语法。 (当然它仍然使用后台的过滤器语法,但这使它更容易管理,因为它使用类似的语法与其他浏览器)

猜你在找的CSS相关文章