Simone![CSS系列：[1]CSS实现半透明div层的方法](/upload/sm/2024/0518/56b11394.png)
主要应用的代码有：filter:alpha(Opacity=80);/*支持 IE 浏览器*/-moz-opacity:0.5;*支持 FireFox 浏览器*/opacity: 0.5;/*支持 Chrome, Opera, Safari 等浏览器*/z-index:100;/*此处为所在层数，尽可能设置大点*/
代码如下：#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(../demoimg/3.jpg);}#div2 { height:330px;filter:alpha(Opacity=80);/*支持 IE 浏览器*/-moz-opacity:0.5;*支持 FireFox 浏览器*/opacity: 0.5;/*支持 Chrome, Opera, Safari 等浏览器*/z-index:100;background-color:#ffffff; } 这里是透明的DIV
下面我们来见证一下代码实际效果吧！
