我有一个元素,需要在我做的设计垂直.我已经得到了在除IE9之外的所有浏览器中工作的CSS.我使用了IE7和IE8的过滤:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
然而,这似乎使我的元素在IE9中是透明的,而CSS3的"转换"功能似乎没有做任何事情!
有人知道IE9中的旋转元素吗?
真的很感谢你的帮助!
W
我有一个元素,需要在我做的设计垂直.我已经得到了在除IE9之外的所有浏览器中工作的CSS.我使用了IE7和IE8的过滤:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
然而,这似乎使我的元素在IE9中是透明的,而CSS3的"转换"功能似乎没有做任何事情!
有人知道IE9中的旋转元素吗?
真的很感谢你的帮助!
W
标准的CSS3旋转应该可以在IE9中工作,但我认为您需要给它一个供应商前缀,如下所示:
-ms-transform: rotate(10deg);
它可能无法在测试版中工作;如果没有,请try 下载当前的预览版本(preview 7),这是beta版发布的更高版本.我没有测试版本,所以我无法确认它是否在那个版本中.最终发布版本肯定会支持它.
我还可以确认IE9中删除了特定于IE的filter
属性.
[Edit]
People have asked for some further documentation. As they say, this is quite limited, but I did find this page: http://css3please.com/ which is useful for testing various CSS3 features in all browsers.
但是在IE9预览版中测试这个页面上的旋转功能导致它相当惊人地崩溃.
不过,我在自己的测试页面中使用IE9中的-ms-transform:rotate()
进行了一些独立测试,它工作得很好.因此,我的结论是该功能已实现,但存在一些错误,可能与动态设置有关.
在浏览器中实现特性的另一个有用的参考点是www.canIuse.com--参见http://caniuse.com/#search=rotation
[EDIT]
Reviving this old answer because I recently found out about a hack called CSS Sandpaper which is relevant to the question and may make things easier.
该黑客实现了对旧版本IE的标准CSS transform
的支持.因此,现在您可以将以下内容添加到CSS中:
-sand-transform: rotate(10deg);
...让它在IE 6/7/8中工作,而不必使用filter
语法.(当然,它在幕后仍然使用过滤器语法,但这使它更易于管理,因为它使用了与其他浏览器类似的语法)