я пытаюсь заставить отделение быть моим образованием и использую абсолютное расположение для достижения его. все хорошо работает за исключением того, что это появляется выше чего-либо в нормальном потоке, и играющий с z-индексами абсолютно ничего не делает.
<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;
}
Добавьте position:relative;
к классам #blindcontainer
и #blindclosecontainer
.