我找到了与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度旋转。