在IE和Firefox火狐中实现网页中的图层透明的CSS代码

本文介绍如何在不同浏览器（包括IE和Firefox）中实现网页元素的透明效果。提供了兼容性的CSS代码示例，并说明了Firefox3.5及更高版本不再支持-moz-opacity属性，推荐使用标准的opacity属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

让div 透明，兼容IE FF

transparent_class
{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:
0.5;
opacity: 0.5;

但 FireFox 3.5+ 已不再支持
-moz-opacity

在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了：
Note: Firefox 3.5 and later do not
support -moz-opacity. By now, you should be using simply
opacity.
现在都要改用opacity这个属性。

于是要设置一下透明度为60%的DIV就应该这样写了：
div.transp

{ /* make the div translucent */
opacity: 0.6;                /* Firefox,
Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter:
alpha(opacity=60);   /* IE 4-7 */
zoom: 1;                     /* needed in
IE up to version 7, or set width or height to trigger "hasLayout" */

}

opacity这个是属于CSS3里面的东西了，属于CSS3的标准。然而微软IE8还不支持这一属性。

网易邮箱目前也是用-moz-opacity，因此当“清空垃圾邮件”时屏幕一片黑。