jquery - 提高 prependTo div 的 z 索引

Question

我很难让页面 div 之一显示在临时前置的 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类添加一个position:absolute。 http://jsfiddle.net/brianflanagan/AAT9w/