有時候我們需要用到層的透明度，把下邊的背景透出來，如下圖：
這種半透明的形式在blog上應用比較廣泛，那么這種效果是怎么做出來的呢？用JS，NO,NO，既然我們是CSS布局教程，那么就盡量用CSS來解決問題！
filter: alpha(opacity=70);
opacity: 0.7;
把這兩句代碼加入到要實現半透明層的CSS樣式表里即可，簡單吧！！
注：70和0.7的值可改為你需要的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div層半透明效果</title>
<style>
body { background:url(/upfile/images/bg.jpg)}
#layout { position:absolute; top:50px; left:50px; width:500px; height:500px; border:1px solid #006699; background:#fff; filter: alpha(opacity=70); opacity: 0.7;}
</style>
</head>
<body>
<div id="layout"></div>
</body>
</html>
該文章在 2010/8/14 2:26:28 編輯過
400 186 1886
