程序代码：<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滤镜，对此滤镜不太熟悉的，你正好可借机学习下用法 。<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>
原文引自：http://www.