diff --git a/style/mixins/compatibility.less b/style/mixins/compatibility.less index 6f41ea71e26e833c7ed60c274acb2e9cbd5a0b87..5781cc9e1c600561e70ed48292e93a12337510b2 100644 --- a/style/mixins/compatibility.less +++ b/style/mixins/compatibility.less @@ -8,12 +8,13 @@ // support rotate for all browsers .cross-rotate(@degrees) { .rotate(@degrees); - @cos: cos(@degrees); - @sin: sin(@degrees); - @nl: `"\n"`; // Newline - /* IE8- */ - filter: ~"progid:DXImageTransform.Microsoft.Matrix(@{nl} M11=@{cos},@{nl} M12=-@{sin},@{nl} M21=@{sin},@{nl} M22=@{cos},@{nl} sizingMethod='auto expand'@{nl} )"; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(@{nl} M11=@{cos},@{nl} M12=-@{sin},@{nl} M21=@{sin},@{nl} M22=@{cos},@{nl} sizingMethod='auto expand'@{nl} )"; + /* IE6-IE8 */ + @radians: ~`parseInt("@{degrees}") * Math.PI * 2 / 360`; + @costheta: ~`Math.cos("@{radians}")`; + @sintheta: ~`Math.sin("@{radians}")`; + @negsintheta: ~`"@{sintheta}" * -1`; + filter: ~"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=@{costheta}, M12=@{negsintheta}, M21=@{sintheta}, M22=@{costheta})"; + zoom: 1; } // for iconfont font size