gpt4 book ai didi

internet-explorer-8 - dximagetransform.matrix,在 IE 8 标准模式下绝对定位不旋转的子元素

转载 作者:行者123 更新时间:2023-11-28 08:59:10 25 4
gpt4 key购买 nike

我已经到处寻找有关这方面的更多信息,并且想知道为什么会这样。

代码如下:

<!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 中的转换。

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

编辑:添加了开始的 html 标签。问题依然存在。

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

最佳答案

神奇地解决了这个问题,只是将 z-index: 1 添加到带有矩阵过滤器的父元素。好吧,任何 z-index 都应该有效。

关于internet-explorer-8 - dximagetransform.matrix,在 IE 8 标准模式下绝对定位不旋转的子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3055383/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com