javascript - 在IE中旋转文字330度

是否可以在IE中旋转文本

-moz-transform: rotate(330deg);  /* FF3.5+ */
    -o-transform: rotate(330deg);  /* Opera 10.5 */
    -webkit-transform: rotate(330deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg)"; /* IE8 */

为IE编写的行无效。

谁能帮忙。

编辑。
我想旋转交叉的文字

最佳答案

如前所述，您想要的解决方案取决于目标版本，即版本。

您应该使用所有带有不同供应商前缀的转换

-vendor-transform : rotate(330deg);

对于不支持CSS旋转的版本，您可以将旋转转换为filter matrix并将其应用于元素。
 Here's a site自动将css3转换转换为过滤器矩阵：

 /* IE8+ - must be on one line, unfortunately */
 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=0.49999999999999994, M21=-0.49999999999999994, M22=0.8660254037844387, SizingMethod='auto expand')";

/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=0.8660254037844387,
        M12=0.49999999999999994,
        M21=-0.49999999999999994,
        M22=0.8660254037844387,
        SizingMethod='auto expand');

唯一的缺点是，为了使转换起点成为元素的中心，oyu必须提供该元素的宽度和高度。