在IE中旋转文本,不会变得难看

Question

我想逆时针旋转文字90度.Firefox和Chrome没问题,使用:

-webkit-transform-origin: top left;
-webkit-transform: rotate(-90deg);
-moz-transform-origin: top left;
-moz-transform: rotate(-90deg);

对于Internet Explorer,据我所知,它应该是这一行:

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

(另一种方法,写入模式,只能顺时针旋转文本90度).

但是,在IE中,旋转的文本看起来像一个严重缩放的图像(下面比较).

Firefox/Chrome - vs - Internet Explorer:

有没有办法让Internet Explorer以更优雅的方式旋转文本(可能是Javascript/jQuery)？我一直在谷歌搜索,但我只能找到更多这方法的参考...

Answer 1

它是IE中的文本渲染引擎; 但是,它是可行的.

filter:要求元素具有布局(即缩放).您可以通过为元素提供背景颜色来击败渲染问题(大多数情况下).在您的示例中尝试以下操作:

zoom:1;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background-color:white;

Answer 2

IE的RenderEngine非常糟糕......我会尝试使用背景图片.也许像Cufon这样的字体替换可以做得更好.Cufon生成文本图像.据我所知,在IE中运行良好.