IE8 と互換性のあるテキスト回転のさまざまな方法を見つけました。他のすべての度数では機能しますが、270 度では機能しません。
方法 1:
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
----動作していません---
方法 2:
filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, sizingMethod='auto expand');
----動作していません---
方法 3: jquery を使用する
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<script src="js/jquery.js"></script>
<title>Sideway</title>
<style>
#image{
margin:200px 300px;
}
</style>
</head>
<body>
<div id="image">
Hi how are you
</div>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script>
$("#image").rotate(270);
</script>
</body>
</html>
---どちらも機能しない------
PS: 問題は IE8 のみで、特に 270 度の回転です。