поднять z-index над prependTo div

У меня возникли трудности с получением одного из div страниц для отображения над временно добавленным div.поднять z-index над prependTo div

ДИВ я хочу, чтобы на первый план во все времена является .outer_box

Jquery:

$(document).ready(function() { 


$("<div/>", { 
    "class": "DooSuperOverlay" 
}) 
.prependTo("body") 
.animate({opacity: 1.0}, 3000) 
.fadeOut("slow"); 


});

CSS-:

.DooSuperOverlay { 
    position:absolute; 
    top:0px; 
    left:0px; 
    height:100%; 
    width:100%; 
    background-color:#000; 
    z-index:5000; 
    } 


.outer_box { 
    z-index:10000; 
} 

.inner_box { 
    z-index:10000; 
}

HTML-:

<div class="outer_box"> 
    <div class="inner_box"> 
    <span style="color:#fff;">Content here</span> 
    </div> 
</div>

источник

2010-10-22 Doobox

Добавить позитив : абсолютный для класса external_box. http://jsfiddle.net/brianflanagan/AAT9w/

источник

2010-10-22 20:06:46

Если вы хотите показать, как всплывающее окно, внешний_объект должен иметь более высокий z-индекс справа. – kobe

Я думаю, что это так - external_box установлен в 10000, а для .DooSuperOverlay установлено значение 5000. Я что-то упустил? –

внутренний ящик и наружная коробка zindex - это то же самое, дайте outerbox номер больше – kobe

поднять z-index над prependTo div

ответ

Смежные вопросы