兼容Firefox/IE的Alpha透明效果
- 发表于
- 前端
css code:
|
1 2 3 4 5 |
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设为透明样式时,其子层内容显示效果也会为透明; 如果想要内层不为透明. 可以设置内层为相对定位偏移位置达到效果;
