DIV半透明层 CSS来实现网页背景半透明

1、div半透明层 css来实现网页背景半透明div半透亮实现，用法css实现div成半透亮效果，css实现层与背景半透亮效果。一、div css半透亮基础介绍 - top设置div半透亮css代码：divfilter:alpha(opacity=80);-moz-opacity:0.5;opacity: 0.5;解释：1、filter：对win ie设置半透亮滤镜效果，filter:alpha(opacity=80)代表该对象80%半透亮，火狐扫瞄器不认2、-moz-opacity：对mozilla firefox火狐扫瞄器实现半透亮，win ie不认此属性，-moz-opacity:0.5相当

2、于设置半透亮为50%3、opacity：对除ie外全部扫瞄器支持包括谷歌，放最后主要针对谷歌扫瞄器，opacity: 0.5;表示设置50%半透亮为了观看到对div半透亮实现，我们设置两个div层，分离一个放于另外一个div层内，外层div命名为.div-a;上面被包含的层css类命名为.div-b，形成.div-b盒子放于.div-a内我们对底层div设置一个背景是一张，上面的div盒子设置村黑色。二、未设置半透亮样式实例 - top1、按照描述实例，未设置半透亮html源代码： 半透亮实例在线演示 .div-a background:url(div-a-bg.png) no-repeat;

3、width:230px;height:136px;padding:10px; .div-b background:000;width:200px;height:100px;padding:5px;color:f00 div半透亮实例演示 2、未设置半透亮css样式截图：未设置半透亮样式 未实现半透亮实例扫瞄器中效果截图三、对div设置css半透亮样式实例 - top1、我们对.div-b挑选器加入半透亮样式代码：filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;设置60%半透亮效果完整实例网页html代码如下： 半透亮实例在线演示 .

4、div-a background:url(div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px .div-b background:000;width:200px;height:100px;padding:5px;color:f00; filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6 /* css注释解释：这里对css代码换行是为了让代码在此我要中显示完整，换行后css效果不受影响 */ 实现div半透亮实例演示 2、在扫瞄器效果截图： css+div实现半透亮 扫瞄器中扫瞄实现div半透亮效果截图 总结：按照以上两个实例，第一个没有设置半透亮样式，另外一个设置半透亮样式而实现了div层半透亮效果，大家可以按照需要调节半透亮值，实现想要半透亮度。设置半透亮效果要考虑ie扫瞄器、谷歌、火狐等扫瞄器兼容支持，所以我们半透亮样式代码务必完整。半透亮演示：查看案例半透亮实例打包下载：立刻下载 （56.064kb）再次记住需要半透亮地方设置以下半透