CSS半透明效果

1. 用图片实现，IE6不支持，可以用滤镜解决IE6的问题

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='img.png');

 

2. 代码实现半透明效果兼容常见浏览器

 

background:#000;
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;

 

 有趣的是，这个要作用在绝对定位的层上才会有效果。