我正在尝试在IE8中旋转文本.根据
this回答,应该可以旋转元素,如下例所示：
<!DOCTYPE html>
<html>
<head>
<style>
#enclosing {
width: 20px;
height: 100px;
border: 1px solid;
}
#rotated {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17,M12=1,M21=-1,M22=6.123031769111886e-17,SizingMethod='auto expand')";
width: 100px;
}
</style>
</head>
<body>
<div id="enclosing">
<p id="rotated">rotated</p>
</div>
</body>
</html>
(从this发电机获得数字)
如果我用开发工具检查p元素,我可以看到它以某种方式受到影响,因为显示所选元素的蓝色边框正确旋转(但实际元素未旋转),请参见下图.
编辑：
为了澄清,这是没有filter语句的情况：
解决方法
您当前的标记有效,问题是您必须在IE10中启用旧版过滤器才能在IE8模式下运行的IE10中正确呈现结果.
那么,答案就是启用旧版过滤器：http://blogs.msdn.com/b/ie/archive/2012/06/04/legacy-dx-filters-removed-from-ie10-release-preview.aspx
转到“设置[齿轮]”>> “互联网选项”>> “安全”然后单击“自定义级别”并在生成的窗格中向下滚动以查找“渲染旧版过滤器”选项.启用它.
