详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法( 二 )


④、StartX 渐进开始的 X 坐标值
⑤、StartY 渐进开始的 Y 坐标值
⑥、FinishX 渐进结束的 X 坐标值
⑦、FinishY 渐进结束的 Y 坐标值
下面通过一个例子来测试filter和opacity的兼容性:
Html代码

详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

文章插图
注意:测试不要忘了写DOCTYPE,否则会偏离真实效果 。
对应CSS代码:
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

文章插图
使用中,我们可以根据要适配的浏览器/版本,从上面选择自己需要的代码行 。如果要全面支持所有浏览器,至少需要有关opacity或filter的前5句 。需要声明的是,如果你要同时使用filter和-ms-filter,请将-ms-filter写在filter的前面 。原文描述如下:
If you want opacity to also work in IE8′s emulating IE7 mode, the order should be:
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

文章插图

推荐阅读