Поворот текста к вертикали в IE не работает

Question

У меня есть таблица, в которой мне нужно визуализировать вертикальный текст в одном из столбцов.

Насколько я понимаю, следующий стиль должен обеспечивать эффект в разных браузерах:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);   
-ms-transform: rotate(-90deg);   
-o-transform: rotate(-90deg);   
transform: rotate(-90deg);

Это нормально в IE9 и Firefox, однако, похоже, это не работает в IE7 или IE8 ... См .:

http://jsfiddle.net/wzUfj/

Кто-нибудь может предложить способ достижения этого?

Спасибо

Answer 1

Чтобы повернуть эти старые браузеры, вам придется использовать собственные фильтры Microsoft:

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

Заменить значение целым числом, 0-4.

0 = 0градусы 1 = 90 градусов 2 = 180 градусов 3 = 270 градусов 4 = 360 градусов

Я не верю, что вы можете делать что-либо кроме шага 90 градусов, и я полагаю, что вы можете иметь только один фильтр на правило CSSКроме того, это, конечно, нестандартно и не будет проверяться, если это проблема.

Answer 2

Как дополнительный улов, обратите внимание, что в IE9 вращение может быть применено только к элементам блока (таким как параграф и не интервал).

Здесь скрипка

Answer 3

IE8 и ниже не поддерживают преобразования

Answer 4

Преобразования CSS3 - не поддерживаются в IE 7 и 8.

См .: http://caniuse.com/#feat=transforms2d