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

2024-09-05 12:22:01

字体：大中小

来源：转载

供稿：网友

纯CSS背景颜色透明代码，兼容IE6，背景颜色自己可定义，本示例仅演示了主要的透明效果，代码也并不复杂，希望能为CSS爱好者提供帮助。

<!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">武林网（www.vevb.com）提供编程源码、网站源码、网页素材、书籍教程、网站模板、网页特效代码等，做有质量的学习型源码下载站。</div></div></body></html>

上一篇：全兼容CSS背景渐变代码

下一篇：渐变的背景颜色，感觉不错吧