css3旋转ie 9

CSS3是前端开发中非常重要的一部分，其中之一的旋转效果也是很常用的一个功能。然而，在IE9浏览器中，旋转效果会出现一些问题，需要我们做出一些特殊处理。

/* 在普通浏览器中 */.box {
    transform: rotate(45deg);
}
/* 在IE9中 */.box {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
/* 代表旋转45度，注意小数点后只能保留六位 */}
    

以上代码展示了在普通浏览器中和在IE9中实现旋转效果的不同写法。在普通浏览器中，我们可以直接利用transform属性来进行元素的旋转，但是在IE9中，我们需要使用filter属性来实现。

在IE9中，我们需要使用DXImageTransform.Microsoft.Matrix来进行旋转，其中M11、M12、M21、M22四个参数分别代表了矩阵的四个值。我们可以通过简单的数学运算，得出对应旋转角度下的值，然后将其填入到filter属性的值中即可。

需要注意的是，IE9中的DXImageTransform.Microsoft.Matrix只允许小数点后六位的精度，因此在写代码时必须注意。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！