纯CSS代码实现的半透明浮动层效果_层和布局特效
用纯CSS代码实现一个浮动层的半透明效果,至少透明度的深浅这个由你控制。这一行“filter:alpha(opacity=60);”即是控制层的透明度的,你可以适应改变这个值,至到你满意为止。
<!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半透明浮动层</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">模板无忧</a><br/>
<strong>CSS半透明浮动层</strong><br>如果没有看到效果,就等待一会待网页加载完毕就看到啦……
</div>
</div>
</body>
</html>