與正常流程背後的絕對位置div

Question

我想獲得一個div作爲我的背景，並使用絕對定位來實現它。一切工作正常，除了它出現在正常流程中的任何東西之上並且用z-indexes擺弄什麼都沒有。

<div id="blind"> 
    <div id="blindbackground"></div> 
    <div id="blindcontainer"> 
     <div class="loader"> 
      <img class='loader' src="/img/loader.gif"/> 
     </div> 
    </div> 
    <div id="blindclosecontainer"> 
     <img id='blindclose' src="/img/close.gif"/> 
    </div> 
</div> 

，這是CSS：

#blind{ 
    position :absolute; 
    width:100%; 
    z-index: 2; 
    border-bottom: 1px silver solid; 
} 
#blindclosecontainer{ 
    text-align: right; 
} 

#blindbackground{ 
    position:absolute; 
    top:0; 
    width:100%; 
    height:100%; 
    background-color: white; 
    filter:alpha(opacity=60); 
    opacity:0.6; 
} 
#blindcontainer{ 
    margin:auto; 
    width:500px; 
    background-color: white; 
    padding:10px; 
} 

.loader{ 
    margin: auto; 
    width:18px; 
    margin-top:10px; 
    margin-bottom: 5px; 
} 

Answer 1

添加position:relative;到#blindcontainer和#blindclosecontainer類。