在IE8中旋转文本90度不起作用

Question

除了在IE8中，我在所有浏览器中都旋转了文本。我试着用这个方法（矩阵）：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-2.755455294239536e-16, M12=-1.5, M21=1.5, M22=-2.755455294239536e-16, SizingMethod='auto expand')";

但它不起作用!!  有人可以帮忙吗？这个问题有什么新鲜事吗？

Answer 1

IE8不支持大多数现代功能。尝试如果modernizr js有帮助..

http://modernizr.com/

Answer 2

你可以试试像

这样的东西

-ms-transform: rotate(-90deg);

90deg值需要根据您的要求进行调整

原始文章如下http://css-tricks.com/snippets/css/text-rotation/

还有一个旧的IE版本的黑客如下

-sand-transform: rotate(10deg);

此处有更多信息CSS3 transform: rotate; in IE9

希望它有所帮助！

Answer 3

你必须使用filter属性来支持IE8。这是 Demo 。

您可以通过定义整数值（0,1,2,3）

来更改度数

div
{
  width:150px;
  height:150px;
  -ms-transform:rotate(9deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*FOR IE8*/
}