微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

原文地址:https://www.jb51.cc/html/231602.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐