Question

我有一个表，我需要在其中一列中呈现一些垂直文本。

我的理解是以下样式应该在不同浏览器中实现效果：

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);   
-ms-transform: rotate(-90deg);   
-o-transform: rotate(-90deg);   
transform: rotate(-90deg);

这在IE9和Firefox中都可以，但这似乎不适用于IE7或IE8 ......请参阅：

http://jsfiddle.net/wzUfj/

有人可以提出实现这个目标的方法吗？

由于

Answer 1

要在这些旧浏览器中旋转，您必须使用Microsoft的专有过滤器：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=VALUE);

将值替换为0-4的整数。

0 = 0度 1 = 90度 2 = 180度 3 = 270度 4 = 360度

我不相信你可以做除90度增量以外的任何事情，我相信每条CSS规则你可能只有一个过滤器。此外，这当然是非标准的，如果这是一个问题，则无法验证。

Answer 2

CSS3转换 - IE 7和8不支持。

请参阅：http://caniuse.com/#feat=transforms2d

Answer 3

IE8及以下版本不支持转换。

根据this tutorial，您可以使用书写模式

Answer 4

作为额外的问题，请注意IE9中的旋转只能应用于块元素（例如段落而不是跨度）。

这是a fiddle

在IE中将文本旋转到垂直不起作用

4 个答案: