设置DIV半透明​​CSS代码​​：


1. div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}


说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认
2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50%
3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明

为了观察到对DIV半透明实现，我们设置两个​​DIV层​​​，分别一个放于另外一个DIV层内，外层​​DIV命名​​​为“.div-a”;上面被包含的层​​CSS类命名​​为“.div-b”，形成“.div-b”盒子放于“.div-a”内

完整实例网页​​HTML​​代码如下：


    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8" />
    5. <title>半透明实例在线演示 www.divcss5.com</title>
    6. <style>
    7. .div-a{​​background​​​:url(div-a-bg.png) no-repeat;​​width​​​:230px;​​height​​:136px;padding:10px}
    8. .div-b{ background:#000;width:200px;height:100px;​​padding​​​:5px;​​color​​:#F00;
    9. filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
    10. /*​​CSS注释​​说明：这里对CSS代码换行是为了让代码在此我要中显示完整，换行后CSS效果不受影响 */
    11. </style>
    12. </head>
    13. 
    14. <body>
    15. <div class="div-a">
    16. <div class="div-b">实现DIV半透明实例演示</div>
    17. </div>
    18. </body>
    19. </html>



    实例：http://www.divcss5.com/yanshi/201307/2013070901/

    透明层内文字也不透明的方法

    <style>
    .touming {
    opacity: 0.3;
    filter:alpha(opacity=30); }

    </style>
    <div style="position:relative;">
        <div class="touming" style="
        border:1px solid red; width:300px; height:100px;">
        opacity: 1;我透明啊啊啊
        filter:alpha(opacity=10)opacity: 1;
        filter:alpha(opacity=10)
        </div>
     <div style="position:absolute; top:15px; left:0px;">
        我是不透明的啊啊啊
        </div>
    </div>