在prependTo div上提高z-index

Question

我很难让其中一个页面div显示在临时前置的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>

Answer 1

为outer_box类添加一个位置：absolute。 http://jsfiddle.net/brianflanagan/AAT9w/