css - Overlay 和 Box 不透明度冲突

Question

使用此代码块创建叠加层和框。

问题:盒子继承了父级的不透明度，我希望它没有透明度。

#overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      filter:alpha(opacity=50);
      -moz-opacity:0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5;
      z-index: 10000;
      text-align: center;        
    }

    #formed{
      background-color: white;      
      width:300px;
      height:200px;
      position:relative;
      left:50%;
      top:50%;
      margin:-100px 0 0 -150px;
    }

<div id="overlay"><div id="formed">Enter Here</div></div>

Answer 1

不幸的是，这就是它的工作方式。对于父 div，您可以尝试使用 RGBA 作为背景色 - background: rgba(0, 0, 0, 0.5); http://css-tricks.com/rgba-browser-support/