如何修復父母的透明div子女？

Question

我有CSS聲明波紋管：

#loadingBox-holder 
{ 
    height:100%; 
    width:100%; 
    position:fixed; 
    left:0; 
    top:0; 
    filter: alpha(opacity=30); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
    opacity:0.7; 
    -moz-opacity: 0.7; 
    z-index: 1000; 
    background-color:#000; 
} 

#loadingBox 
{ 
    position: fixed; 
    left: 40%; 
    top: 50%; 
    z-index: 1000; 
    height: 36px; 
    width: 138px; 
    border:1px solid #ccc; 
    background:#fff !important; 
    padding:5px 5px 10px 10px; 
    opacity:100; 

    /*-moz-opacity: 100 !important; */ 

} 

和HTML：

<div id="loadingBox-holder" style=""> 
       <div id="loadingBox"> 
        <p>Please wait...</p> 
        <img src="../Images/loading.gif" alt="" /> 
       </div> 
      </div> 

上面的代碼是一個loadding指示器。我的問題是加載框保持灰色透明，但我希望加載框是正常的不transprent。我添加了css波紋管：

filter: alpha(opacity=100); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
opacity:1; 
-moz-opacity: 1; 

但是，子div仍然透明。

我的錯誤在哪裏以及如何解決？

謝謝！

Answer 1

如果您使用的是position fixed，那麼將loadBox移出固定器並不會在最終輸出中產生任何影響，它會解決您的不透明問題。

<div id="loadingBox-holder" style=""> 
</div> 

<div id="loadingBox"> 
    <p>Please wait...</p> 
</div> 
​ 

DEMO