在我完成的设计中,我有一个需要垂直的元素。我已经获得了CSS才能在除IE9之外的所有浏览器中工作。我将过滤器用于IE7和IE8:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
但是,这似乎使我的元素在IE9中变得透明,而CSS3的“变形”功能似乎无能为力!
有人知道IE9中旋转元素吗?
非常感谢您的帮助!
W.
标准CSS3旋转应在IE9中工作,但我相信您需要为其指定供应商前缀,如下所示:
-ms-transform: rotate(10deg);
它可能无法在Beta版本中工作;如果不是,请尝试下载当前的预览版本(预览版7),它是beta版的更高版本。我没有要测试的Beta版本,因此我无法确认它是否在该版本中。最终版本肯定会支持它。
我还可以确认filterIE9中已删除了IE特定的属性。
filter
[编辑] 人们要求提供更多文档。正如他们所说,该页面可用于在所有浏览器中测试各种CSS3功能。
但是在IE9预览版中测试此页面上的旋转功能会导致其崩溃。
但是,我已经-ms-transform:rotate()在自己的测试页中使用IE9 进行了一些独立的测试,并且工作正常。因此,我的结论是该功能已实现,但存在一些错误,可能与动态设置有关。
-ms-transform:rotate()
[编辑] 恢复旧的答案是因为我最近发现了一个名为CSSSandpaper的黑客,该黑客与该问题有关,可能使事情变得更容易。
该黑客transform为IE的旧版本实现了对标准CSS的支持。因此,现在您可以将以下内容添加到CSS中:
transform
-sand-transform: rotate(10deg);
…并且可以在IE6/7/8中工作,而无需使用filter语法。(当然,它仍然使用幕后的过滤器语法,但这使它管理起来容易得多,因为它使用的语法与其他浏览器类似)