div透明度 有一个大的div 里面包含一个小的div 只想让大的透明 小的不透明

设置zIndex小的在上面 大的在下面

解决方案 »

  1.   

    例如:
    大DIV.style.zIndex = 0;
    小DIV.style.zIndex = 10;
    大的DIV利用filter:Alpha(opacity=？);设置透明度
    小的不设置 
      

  2.   

    <style>
    #wm{
    float:left;
    width:220px;
    height:150px;
    border:1px solid #ff0000;
    background:#CC0000;
    filter:Alpha(opacity=70);
    z-index:0;
    }
    #nm{
    float:left;
    width:200px;
    height:130px;
    border:1px solid #000;
    margin:10px;
    background: url(../images/01.jpg);
    z-index:10;
    }
    </style><body>
    <div id="wm">
    <div id="nm"></div>
    </div>
    </body>是这样嘛 但还是没反应 大小div还同样是透明的..
      

  3.   

    <style> 
    #wm{ 
    float:left; 
    width:220px; 
    height:150px; 
    border:1px solid #ff0000; 
    background:#CC0000; 
    filter:Alpha(opacity=20); 
    z-index:0; 
    } 
    #nm{ 
    float:left; 
    position:relative;
    width:200px; 
    height:130px; 
    border:1px solid #000; 
    margin:10px; 
    background: url(../images/01.jpg); 
    z-index:10; 
    } 
    </style> <body> 
    <div id="wm"> 
    <div id="nm"> </div> 
    </div> 
    </body> 
      

  4.   

    也可以用CSS优先度来解决这个问题。 #比.优先。
      

  5.   

    <style> 
    #wm{ 
    float:left; 
    width:220px; 
    height:150px; 
    border:1px solid #ff0000; 
    background:#CC0000; 
    filter:Alpha(opacity=20); 
    z-index:0; 
    } 
    #nm{ 
     position:absolute;
    float:left; 
    width:200px; 
    height:130px; 
    border:1px solid #000; 
    margin:10px; 
    background: url(images/banner.gif); 
    z-index:10; 
    } 
    </style> 
    <div id="wm"> 
    <div id="nm"> </div> 
    </div> 
    自己看就知道了
      

  6.   

    额，是这样的，
    我是这样实现的，
    如果 DIV1中嵌套者DIV2,DIV1设置了 透明，。那么无论DIV2怎么修改都是透明的，
    此时，
    就不应该把DIV2嵌套在DIV1中了，、
    而是设置DIV2独立出来，然后设置 style=position:absolute 设置绝对定位，然后通过left|top 定位到这个DIV1的上面，然后设置 DIV2的z-index 值大于 DIV1的z-index ，否则DIV2会在DIV1的下面。。776455616 交流