滤镜是 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 支持。