Html 文本旋转模糊

Html 文本旋转模糊,html,layout,css,Html,Layout,Css,我正试图将一些文本逆时针旋转90度 到目前为止,唯一的方法似乎是使用DXImageTransform过滤器 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 请参见以下实时示例: 在IE8中查看此内容时,文本模糊,几乎无法理解: 在IE写入模式下,可以顺时针精细旋转,没有任何瑕疵,但不能逆时针旋转!因此,感觉渲染引擎必须能够做到这一点 我错过了什么?有没有办法在IE中以这种方式旋转文本而不产生这种模糊效果 如

我正试图将一些文本逆时针旋转90度

到目前为止,唯一的方法似乎是使用DXImageTransform过滤器

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
请参见以下实时示例:

在IE8中查看此内容时,文本模糊,几乎无法理解:

在IE写入模式下,可以顺时针精细旋转,没有任何瑕疵,但不能逆时针旋转!因此,感觉渲染引擎必须能够做到这一点

我错过了什么?有没有办法在IE中以这种方式旋转文本而不产生这种模糊效果

如果有帮助的话,我只需要支持IE8+


感谢您的帮助

您看到的效果不是模糊,而是文字像素化。当应用过滤器时,在IE/WinOS的某些组合中,文本抗锯齿被关闭生成外观损坏的图像。

您的JSFIDLE链接在IE8/Windows 7上适用于我。你正在使用哪个操作系统?Windows 7。您确定已将浏览器模式设置为IE8,并且文本呈现时没有模糊瑕疵吗?我使用的是实际的IE8,而不是开发模式下的IE9。我在XPS上的IE7和IE8中看起来不错奇怪,我在IE8模式下的IE9中,我还可以在正常模式下看到模糊!