我有一个元素,需要在我做过的设计中是垂直的。我有CSS的这个工作在所有浏览器,除了IE9。我使用IE7& IE8:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
这似乎在IE9渲染我的元素透明和CSS3’tranform’porperty似乎没有做任何事情!
有谁知道任何旋转元素在IE9吗?
真的很感谢帮助!
W.
解决方法
标准CSS3旋转应该在IE9中工作,但我相信你需要给它一个供应商前缀,像这样:
-ms-transform: rotate(10deg);
它可能不工作在测试版;如果没有,请尝试下载当前预览版本(预览7),这是beta的更新版本。我没有测试版的测试,所以我不能确认是否是在那个版本或不是。最终发布版本肯定支持它。
[编辑]
人们要求一些进一步的文件。他们说,这是相当有限,但我发现这个页面:http://css3please.com/这是有用的测试各种CSS3功能在所有浏览器。
然而,我做了一些独立的测试使用-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,而不必使用过滤器语法。 (当然它仍然使用后台的过滤器语法,但这使它更容易管理,因为它使用类似的语法与其他浏览器)