純CSS代碼實(shí)現(xiàn)的半透明浮動(dòng)層效果_層和布局特效
用純CSS代碼實(shí)現(xiàn)一個(gè)浮動(dòng)層的半透明效果，至少透明度的深淺這個(gè)由你控制。這一行“filter:alpha(opacity=60);”即是控制層的透明度的，你可以適應(yīng)改變這個(gè)值，至到你滿(mǎn)意為止。
<!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" mrc="text/html; charset=gb2312" />
<title>CSS半透明浮動(dòng)層</title>
<style type="text/css">
#wrap {
position:absolute;
width:560px;
height:360px;
1122123<img src=http://p1.mb5u.com/texiao/3/20100522231220299.gif _fcksavedurl=http://p1.mb5u.com/texiao/3/20100522231220299.gif>2244234background:url(http://p1.mb5u.com/texiao/3/20100522231220299.gif);
}
#box {
width:298px;
height:160px;
filter:alpha(opacity=76);
opacity:0.6;
margin-top:100px;
margin-left:50px;
background:#fff;
border:1px #000 solid;
padding:20px;
font-size:14px;
line-height:170%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="box">
<a href="/jscss/" target="_blank">模板無(wú)憂(yōu)</a><br/>
<strong>CSS半透明浮動(dòng)層</strong><br>如果沒(méi)有看到效果，就等待一會(huì)待網(wǎng)頁(yè)加載完畢就看到啦……
</div>
</div>
</body>
</html>
。