層索引和不透明度問題

Question

i中的外層div的不透明度屬性設置爲0.5， 和我設置內div的不透明度值是1 ，但它仍然在所有

這裏是透明示例代碼： HTML：

<div id="div1"> 
     <div id="div2"> 
      <div id="div3"></div> 
     </div> 
    </div> 

CSS：

#div1{ 
     background: black; 
     opacity:.5; 
     width:300px; 
     height:300px; 
     } 
     #div2{ 
      background:white; 
      width:150px; 
      height:150px; 
      opacity: 1; 
     } 
     #div3{ 
      display: block; 
      width: 50px; 
      height: 50px; 
      opacity: 1; 
      background: black; 
     } 

那麼問題在哪裏？ 或任何我想念的東西？ 幫幫我！

Answer 1

這是關於CSS的常見誤解，您不能在父級上設置不透明度，然後阻止它影響其子級。你需要做的是設置#div1阿爾法顏色：

#div1{ 
    background: rgba(0,0,0,0.5); 
    width:300px; 
    height:300px; 
}