色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3旋轉ie 9

李中冰1年前11瀏覽0評論

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只允許小數點后六位的精度,因此在寫代碼時必須注意。