mardi 5 mai 2015

IE8 bug with opacity before of the rotation with the filters progid

    <!DOCTYPE><html><style>
    #a {
     -ms-filter: "  progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='red', EndColorStr='blue') progid:DXImageTransform.Microsoft.Alpha(Opacity=50) progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=-0.49999999999999994, M21=0.49999999999999994, M22=0.8660254037844387, sizingMethod='auto expand');";
     width: 100px;
     height: 100px;
    }

    #b {
     -ms-filter: "  progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='red', EndColorStr='blue') progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=-0.49999999999999994, M21=0.49999999999999994, M22=0.8660254037844387, sizingMethod='auto expand') progid:DXImageTransform.Microsoft.Alpha(Opacity=50);";
     width: 100px;
     height: 100px;
    }
    </style>
</head>
<body>
    <div id="a">a</div>
    <div id="b">b</div>
</body>
</html>

Why in IE8 if the opacity is before rotation div is with distorted width? And if the opacity is after rotation works?

Aucun commentaire:

Enregistrer un commentaire