在IE8

旋轉文本270度我想一個文本旋轉270度，使用此代碼：在IE8

/* 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。我究竟做錯了什麼？

來源

2012-08-10 balanv

它[似乎工作（http://api.browsershots.org/png/original/36/365ecd6d1466e6345546595af5cefb47.png）對我來說：HTTP：// jsfiddle.net/PZkDK/ – scumah 2012-08-10 12:16:19

嘗試使用這樣的：

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

來源

2012-08-10 11:41:58

但是如果您使用過濾器，您如何設置變換原點？ – samson 2016-04-29 16:07:52

IE使用另一個過濾器來旋轉元素。

在這裏你可以讀到它 http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85).aspx

在這裏，你可以很容易計算出旋轉矩陣的coeffitients http://www.boogdesign.com/examples/transforms/matrix-calculator.html 剛進入度值，它會生成所需的代碼

您需要添加只有一個代碼行：

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

來源

2012-08-10 11:41:13 Kolyunya

感謝您鏈接到boogdesign。這真的有幫助，因爲我需要一個動態的JavaScript解決方案.. – honk31 2013-02-07 15:55:47

能夠獲得係數矩陣的計算是非常有用的，它很傷心ie8仍然存活兩年後，這個問題發佈。 – AGE 2015-10-02 13:46:20

IE8不支持這個CSS元素。

參見：http://social.msdn.microsoft.com/Forums/eu/iewebdevelopment/thread/9b21a3c2-6bdf-4aad-a90d-868bdeb3d866

如果您正在旋轉的元素只是在IE8 +，你仍然需要一個跨瀏覽器的方法。這是因爲從IE9開始不推薦使用IE過濾器，IE9現在支持CSS3 -ms-transform屬性。但是，對於IE8及更早版本，必須使用諸如BasicImage之類的過濾器才能達到此效果。因此，爲了迎合目前使用的版本以及未來的版本，謹慎的做法可能是通過條件註釋將過濾器提供給IE8及更早版本，但另外使用轉換集來迎合當前瀏覽器。

來源

2012-08-10 11:41:50

回答

相關問題