CSS Transform не работает в IE 8 и браузере IE7

Question

Я хочу повернуть текст диапазона с использованием преобразования css в браузерах IE7 и IE8.

<SPAN style="FONT-SIZE: 14px; -ms-transform:rotate(-90deg); FONT-FAMILY: Segoe UI; POSITION: absolute; ZOOM: 1; COLOR: #707070; LEFT: -64px; TOP: 234px; VISIBILITY: visible">Sales Amount in millions(USD) 
</SPAN> 

код будет поворачивать текст в IE9 + и других браузерах. но как я могу повернуть текст диапазона, который будет работать в браузерах IE7 и IE8.

filter для поддержки старой версии

, как я могу использовать фильтр, чтобы повернуть элемент диапазона?

Благодаря,

Шива

Answer 1

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

Вращение свойство BasicImage фильтра может принимать одно из четырех значений: 0, 1, 2 или 3, который будет вращать элемент 0, 90, 180 или 270 градусов соответственно.

Answer 2

Вы можете использовать фильтрацию матриц, которая отличается от IE 9 и более. Кроме того, как они уже по этой ссылке: http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85).aspx

Resizes, rotates, or reverses the content of the object using matrix transformation. 

А вот еще одна ссылка, чтобы сделать его проще для вас: http://www.boogdesign.com/examples/transforms/matrix-calculator.html

Пример 90deg вращения:

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

Answer 3

Некоторые из нового атрибуты css могут реализовываться с атрибутом filter для IE. Например, если вы хотите иметь масштабное преобразование, вы используете:

-webkit-transform: scale(1.05); 
-moz-transform: scale(1.05); 
-o-transform: scale(1.05); 

и т. Д. Расширения для браузеров не IE. Но если вы хотите использовать это для IE 8 или старше. вы должны это сделать:

filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05,M12=0,M21=0,M22=1.05,SizingMethod='auto expand');