一尘不染

CSS3转换:旋转;在IE9中

css

在我完成的设计中,我有一个需要垂直的元素。我已经获得了CSS才能在除IE9之外的所有浏览器中工作。我将过滤器用于IE7和IE8:

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

但是,这似乎使我的元素在IE9中变得透明,而CSS3的“变形”功能似乎无能为力!

有人知道IE9中旋转元素吗?

非常感谢您的帮助!

W.


阅读 357

收藏
2020-05-16

共1个答案

一尘不染

标准CSS3旋转应在IE9中工作,但我相信您需要为其指定供应商前缀,如下所示:

  -ms-transform: rotate(10deg);

它可能无法在Beta版本中工作;如果不是,请尝试下载当前的预览版本(预览版7),它是beta版的更高版本。我没有要测试的Beta版本,因此我无法确认它是否在该版本中。最终版本肯定会支持它。

我还可以确认filterIE9中已删除了IE特定的属性。

[编辑]
人们要求提供更多文档。正如他们所说,该页面可用于在所有浏览器中测试各种CSS3功能。

但是在IE9预览版中测试此页面上的旋转功能会导致其崩溃。

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

[编辑]
恢复旧的答案是因为我最近发现了一个名为CSSSandpaper的黑客,该黑客与该问题有关,可能使事情变得更容易。

该黑客transform为IE的旧版本实现了对标准CSS的支持。因此,现在您可以将以下内容添加到CSS中:

-sand-transform: rotate(10deg);

…并且可以在IE6/7/8中工作,而无需使用filter语法。(当然,它仍然使用幕后的过滤器语法,但这使它管理起来容易得多,因为它使用的语法与其他浏览器类似)

2020-05-16