在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

你必須使用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*/ 
} 

Answer 2

IE8不支持大多數現代功能。嘗試，如果mordernizr JS幫助..

http://modernizr.com/

Answer 3

您可以嘗試一些東西一樣

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

90度值需要調整按您的要求

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

還有一個老版本的IE版本，如下所示

-sand-transform: rotate(10deg); 

這裏更多信息CSS3 transform: rotate; in IE9

希望它能幫助！