CSS_设置层的透明度
|
admin
2010年8月14日 2:26
本文热度 4076
|
有时候我们需要用到层的透明度，把下边的背景透出来，如下图：
这种半透明的形式在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
