dximagetransform.matrix,绝对定位子元素在 IE 8 标准模式下不旋转 [英] dximagetransform.matrix, absolutely position child elements not rotating in IE 8 standards mode

查看:32
本文介绍了dximagetransform.matrix,绝对定位子元素在 IE 8 标准模式下不旋转的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我已经四处寻找有关这方面的更多信息,并想知道为什么会发生这种情况.

I've looked all over for more information on this, and would like to know why it happens.

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
    <div style="position:absolute; top:200px; left:200px; height:200px; width:200px; border:1px solid black; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9886188373396114, M12=-0.15044199698646263, M21=0.15044199698646263, M22=0.9886188373396114);">
        <div style="position:absolute; top:10px; left:10px; border:1px solid darkblue;">
            I do not rotate in IE 8.
        </div>
    </div>
</body>
</html>

问题是使用 MS 的 dximagetransform.matrix 旋转的 div 中绝对或相对定位的元素不会继承 IE 8 中的转换.

Added the opening html tag. Problem still exists.

IE 6 &7 正确渲染,我可以通过触发兼容模式来解决 IE8 问题,但我宁愿不这样做.有人对这个有经验么?我在其他浏览器上使用 css3 变换,在 IE 中使用 dximagetransform.matrix 来实现这种效果.

http://i45.tinypic.com/nf4gmq.png

添加了开始的 html 标签.问题依然存在.

解决方案


(来源:boogdesign.com)

Is this the effect you're trying to get?

当然,如果您出于特定原因需要绝对定位子元素,那么您可能不走运(可能可以使用浮动实现某些功能,但这完全取决于您的需要).

Of course, if you needed the child element absolutely position for a specific reason you may be out of luck (might be able to achieve something with floats, but it would depend exactly what you needed).

这篇关于dximagetransform.matrix,绝对定位子元素在 IE 8 标准模式下不旋转的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆