旋轉文本330度在IE

Question

是有可能在IE中旋轉文本爲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 */ 

線。

任何人都可以幫忙。

編輯。 我想旋轉文本交叉

Answer 1

由於這是已經指出，你想要的解決方案取決於目標版本。

您應該使用所有變換不同的供應商前綴

-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'); 

唯一的缺點是，爲了使變換原點的元件的中心，奧尤必須提供該元素的寬度和高度。

Answer 2

你是否已經嘗試了這種方式：

<div id="rotation">Try this rotation</div>​ 

#rotation 
{ 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=..); 
    -webkit-transform: rotate(330deg); 
    -moz-transform: rotate(330deg);  
    width:100px; 
}​ 

想在這個fiddle

Answer 3

據我所知，在IE中旋轉僅在90可能度間隔。

檢查文檔在這裏： http://msdn.microsoft.com/en-us/library/ms532918%28v=vs.85%29.aspx

Answer 4

嘗試這個新的例子..

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660253882408142, M12=0.5, M21=-0.5, M22=0.8660253882408142,sizingMethod='auto expand')"; /* IE6-8 */ 

這工作

，如果你想要更多的旋轉角度來店http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/filters/matrix.htm