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

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 规则您可能只有一个过滤器。此外，这当然是非标准的，并且不会验证，如果这是一个问题。