div 투명하지만 내용 투명하지 않은 해결 방법

두 레이어를 분리하여 네스트하지 않으면 됩니다.

  
  
  
  
  1. #div1{width:300pxheight:200px;  position:relative;  } 
  2. . nav{ background:black;filter:alpha(opacity:30);opacity:0.3height:100%;position:absolute;width:100%;top:0z-index:1 } 
  3. .box { width:300pxheight:20pxbackground:blueposition:absolutebottom; top:0;z-index:0; } 

  
  
  
  
  1. <div id="div1"> 
  2.     <div class="nav"></div> 
  3.     <div class="box"> </div> 
  4. </div> 

좋은 웹페이지 즐겨찾기