§ ITPOW >> 文档 >> XHTML

兼容 IE、FF 的透明度滤镜

作者:vkvi 来源:ITPOW(原创) 日期:2008-8-19

滤镜是 IE 特有的,并未写入 W3C 标准,所以其它浏览器也不支持滤镜。

在网上找了下,有关于兼容 IE、FF 的透明度滤镜的方法。

<style type="text/css">
.f
{
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity:0.3;
}
</style>

<img src="http://www.itpow.com/images/logo.gif" class="f" alt="cftea" />

 

  • filter:alpha(opacity=30); 是 IE 中支持的;
  • -moz-opacity:0.3; 和 opacity:0.3; 是 FF 中支持的,据说为了兼容所有的 FF 版本,所以有两个,不过在我的 FF 2.0 中,写任何一个都可以。其它浏览器中也支持这两个。

为了进一步弄明原委,我到 W3C 上去查,得出如下结论:

  • filter:alpha(opacity=30); 是 IE 专有的,不属于 W3C 现有 CSS 版本的内容;
  • -moz-opacity:0.3; 也不属于 W3C 现有 CSS 版本的内容;
  • opacity:0.3; 属性 W3C 内容,但属于 CSS 3,也就是说浏览器支持 CSS 3 才支持该属性,我的 IE 7 不支持,FF 2.0 支持,Safari 3.1 支持。
相关文章