效果预览:  css: 复制代码代码如下: 1: <style type="text/css"> 2: <!-- 3: body{ 4: margin:0; 5: padding:0; 6: background-color:#FFFFFF; 7: } 8: .alpha1,.alpha2{ 9: width:100%; 10: height:auto; 11: min-height:250px;/* 必需 */ 12: _height:250px;/* 必需 */ 13: overflow:hidden; 14: background-color:#FF0000;/* 背景色 */ 15: } 16: .alpha1{ 17: filter:alpha(opacity=20); /* IE 透明度20% */ 18: } 19: .alpha2{ 20: background-color:#FFFFFF; 21: -moz-opacity:0.8; /* Moz + FF 透明度20%*/ 22: opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/ 23: } 24: .ap2{ 25: position:absolute; 26: } 27: --> 28: </style> html: 复制代码代码如下: 1: <!--S Demo--> 2: <div class="alpha1"> 3: <div class="ap2"> 4: <p>背景为红色(#FF0000)，透明度20%。</p> 5: </div> 6: <!--[if IE]><![if !IE]><![endif]--> <div class="alpha2"></div> <!--[if IE]><![endif]><![endif]--> 7: </div>

　　推荐阅读

　　纯CSS 级联菜单实现代码

参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows 这次给项目做的级联菜单使用了纯CSS的方式，霍霍，能用CSS做的，就用CSS完成吧。 早已有前辈完成过这样的实例了，我以为我>>>详细阅读

本文标题：css 背景透明 实现代码

地址：http://www.17bianji.com/kaifa2/CSS/16859.html

 1/2    1