Css 在IE8中将文本旋转到270度

我正在尝试使用以下代码将文本旋转到270度：

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

---

它可以在所有浏览器中正常工作，但不能在IE8中正常工作。我做错了什么？

IE使用另一个过滤器来旋转元素

在这里你可以读到它

这里你们可以很容易地计算旋转矩阵的系数 只需输入度值，它就会生成所需的代码

您只需添加一行代码：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";

---

IE8不支持此CSS元素

见：

如果您只是在IE8+中旋转元素，那么仍然需要跨浏览器的方法。这是因为IE过滤器从IE9开始就被弃用了，IE9现在支持CSS3-ms转换属性。但是，对于IE8和更早版本，需要使用过滤器（如BasicImage）来实现该效果。因此，为了适应当前使用的版本以及未来的变化，一种谨慎的方法可能是通过条件注释将过滤器提供给IE8和更早版本，但也可以使用转换集来适应当前的浏览器

尝试使用以下方法：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');

-moz-transform:  matrix(0.00000000, -1.00000000, 1.00000000, 0.00000000, 0, 0);

-webkit-transform:  matrix(0.00000000, -1.00000000, 1.00000000, 0.00000000, 0, 0);

-o-transform:  matrix(0.00000000, -1.00000000, 1.00000000, 0.00000000, 0, 0);

---

谢谢你给我的boogdesign链接。这在这里真的很有帮助，因为我需要一个动态javascript解决方案。能够获得系数矩阵的计算非常有帮助，令人遗憾的是ie8在发布这个问题两年后仍然存活下来。但是如果使用过滤器，如何设置转换原点？