CSS 半透明层


又一个CSS层透明效果，每次遇到这种代码实现的方法都不一样，当然是最简便最好了，这段代码就很简洁，而且兼容性好，实现的效果也不错，比较理想了，至于透明度，这个可以自己改一下。

答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS层的半透明效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<style type="text/css">
body {background:url('/jscss/demoimg/bgdemo1.jpg');}
#box {position:relative; overflow:hidden; z-index:1; width:462px; margin:0 auto; border:1px solid #333;height:300px;paddign:30px;}
#box #opa {position:absolute; z-index:-1; width:100%; height:100%; top:0; left:0; background:#fff; filter:alpha(opacity=42); opacity:0.6;}
* #box #opa {height:10000px; height:10000px;}
</style>
</head>
<body>
<div id="box"><center><br><br><br>这个层是不是半透明了呢？</center><div id="opa"></div></div>
</body>
</html>

上一个：可自由拖动的DIV层方块
下一个：让一个DIV层的边框闪烁的代码

更多图片编程知识: