CSS3转换：旋转；在IE9中

  • Z时代
  • 2024-01-10
  • 分类：问答

在我完成的设计中，我有一个需要垂直的元素。我已经获得了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特定的属性。

[编辑]

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

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

但是，我已经-ms-transform:rotate()在自己的测试页中使用IE9

进行了一些独立的测试，并且工作正常。因此，我的结论是该功能已实现，但存在一些错误，可能与动态设置有关。

[编辑]

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

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

-sand-transform: rotate(10deg);

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

以上是 CSS3转换：旋转；在IE9中 的全部内容， 来源链接： utcz.com/qa/398795.html

回到顶部