sbf123官网

有关于兼容 IE、FF 的透明度滤镜的方法

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

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

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

<img src=”” 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 支持。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章