【不透明度】半透明效果

◇组件名称:

    不透明度

◇功能描述：

    创作半透明效果。

◇代码展示

1.CSS创建半透明效果

.box {
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=50); /*proprietary IE code*/
}

2.CSS3中color新属性RGBa

.box {
    background-color: rgba(0,0,0,0.8);
}

3.使用PNG透明度

其中IE6不支持需使用下面代码：

.img-wrapper div {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow.png',sizingMethod='crop');
  background:none;
}

第一个规则使用专有的过滤器加载PNG并应用alpha透明度。但原来的背景仍然会显示。
第二个规则隐藏原来的背景图像。
这些代码会使CSS无效，应放在专用IE6样式中。