纯CSS背景颜色透明代码，兼容IE6

时间：2012-09-06 10:04 来源：互联网作者：后浪浏览：次收藏挑错推荐打印

<!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=utf-8" />
<title>CSS背景透明</title>
<style type="text/css"> 
*{
        padding:0;
        margin:0;
        }
body{
        background: #03F;
        }
.bg{
        opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65);
        background:#fff;
        position:absolute;
        width:100%;
        left:0;
        top:0;
        z-index:2;
        padding-bottom:10000px;
        }
.con{
        color:#fff;
        font-size:18px;
        font-weight:bold;
        position:relative;
        z-index:3;
        padding:0 10px;
        }
</style> 
</head>

<body>
<div style=" position: relative; margin:20px auto;height:100%; width:80px; overflow:hidden; border:1px solid red;  z-index:1;">
        <div class="bg"> </div>
        <div class="con">站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库站长资源库
</div>
</div>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

纯CSS背景颜色透明代码，兼容IE6，背景颜色自己可定义，本示例仅演示了主要的透明效果，代码也并不复杂，希望能为CSS爱好者提供帮助。纯CSS背景颜色透明代码，兼容IE6由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/yanse/589.html

纯CSS背景颜色透明代码，兼容IE6

网页特效