html – 为什么这个元素旋转不起作用？

我正在尝试在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

转到“设置[齿轮]”>> “互联网选项”>> “安全”然后单击“自定义级别”并在生成的窗格中向下滚动以查找“渲染旧版过滤器”选项.启用它.

html – 为什么这个元素旋转不起作用？

解决方法

相关文章