我发现了多种与 IE8 兼容的文本旋转方法。它适用于所有其他学位,但不适用于 270。
方法一:
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
----不工作---
方法二:
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 度旋转。