CSS DIV透明代码 - WEB前端(UI)

楼主

问题点数：0 回复次数：0

CSS DIV透明代码

程序代码：

<html xmlns="http://www.>
<head>
<title>半透明div</title>
<style>
#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(http://www.);}
#div2 {  height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;  }
</style>
</head>
<body>
<div id="div1">

 <div style="padding:20px;"><div id="div2">透明的DIV</div></div>
</div>
</body>
</html>

CSS实现一个透明的DIV代码，这里用一张图片来区分DIV透明效果，在图片上覆盖一个DIV,该DIV是半透明显示的，与图片可清淅的显示出DIV的透明效果，在实现方法，同样是基于CSS的alpha滤镜，对此滤镜不太熟悉的，你正好可借机学习下用法。
原文引自：http://www.