兼容Firefox/IE的Alpha透明效果

  • 发表于
  • 前端

css code:

div {
filter:alpha(opacity=50);   /* IE */
-moz-opacity:0.5;   /* Moz + FF */
opacity: 0.5;   /* 支持CSS3的浏览器(FF 1.5也支持)*/
}

说明:

IE使用私有属性filter:alpha(opacity);

Moz Family使用私有属性-moz-opacity;

而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。

后面的数值是透明度,使用百分比或者小数。

注意: 当div设为透明样式时,其子层内容显示效果也会为透明; 如果想要内层不为透明. 可以设置内层为相对定位偏移位置达到效果;