div với vị trí tuyệt đối phía sau dòng chảy bình thường

Question

tôi đang cố gắng để có được một div là nền tảng của tôi và đang sử dụng định vị tuyệt đối để đạt được nó. tất cả mọi thứ hoạt động tốt ngoại trừ một thực tế là nó xuất hiện trên bất cứ điều gì trong dòng chảy bình thường và fiddling với z-indexes không hoàn toàn không có gì.

<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> 

và đây là 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

Thêm position:relative; đến #blindcontainer và #blindclosecontainer lớp.