发表新帖
发表新帖

dximagetransform.matrix, absolutely position child elements not rotating in IE 8 standards mode

后端 未结
关注
2 1940
夕颜
夕颜 2020-12-10 20:48

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

Here\'s the code:
相关标签:
2条回答
  • 滥情空心
    2020-12-10 21:37

    I solved it magicaly just adding z-index: 1 to parent element with matrix filter. Well, any z-index should work.

    0 讨论(0)
  • 遇见更好的自我
    2020-12-10 21:42

    I think the position absolute stops the filter from inheriting. I found the same thing when I was experimenting with blur filters recently, except in that case I wanted a way to make the filters stop inheriting. I hadn't realised IE8 was different from IE6/7 in this respect.

    Is this the effect you're trying to get?


    (source: boogdesign.com) 

    <!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="margin-top:10px; margin-left:10px; border:1px solid darkblue;">
            I do not rotate in IE 8.
        </div>
    </div>
</body>
</html>

    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).

    0 讨论(0)
 看不清?
提交回复
热议问题