兼容Firefox/IE的Alpha透明效果

2010年6月28日 热度:80 ℃ 发表评论 阅读评论

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设为透明样式时,其子层内容显示效果也会为透明; 如果想要内层不为透明. 可以设置内层为相对定位偏移位置达到效果;


声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: 兼容Firefox/IE的Alpha透明效果
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

加载中……