在IE中旋转文本，不会变得丑陋 [英] Rotate text in IE, without it getting ugly

问题描述

我想将文字逆时针旋转90度。 Firefox和Chrome没有问题，使用：

I'd like to rotate a text by 90 degrees counter-clockwise. Firefox and Chrome are no problem, using:

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

对于Internet Explorer，应该是这一行，据我所知：

For Internet Explorer, it should be this line, as far as I know:

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

（另一种方法写入模式 90°）。

(The other method, writing-mode, can only rotate text clockwise 90 degrees).

但是，在IE中，旋转的文本看起来像是一个严重缩放的图像（下面的比较）。

However, in IE the rotated text looks like a badly scaled image on its side (comparison below).

Firefox / Chrome - vs - Internet Explorer：

Firefox / Chrome -- vs -- Internet Explorer:

有任何方式，Internet Explorer可以旋转文本一个更优雅的方式（可能是Javascript / jQuery）？我已经在Googling，但我只能找到更多的引用这个方法...

Is there any way that Internet Explorer can rotate the text in a more elegant way (possibly Javascript/jQuery)? I've been Googling, but I can only find more references to this method...

推荐答案

IE的RenderEngine是可怕的...我会尝试使用背景图像。也许像 Cufon 这样的字体替换会做得更好。 Cufon生成您的文本的图像。根据我所知，在IE中工作良好。

The RenderEngine of IE is awful... I would try to work with background images. Maybe a Font Replacement like Cufon would do a better Job. Cufon generates Images of your Text. Works good in IE as far as i know.

这篇关于在IE中旋转文本，不会变得丑陋的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！