提高z-index over prependTo div

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

add a posi重刑：絕對的outer_box類。 http://jsfiddle.net/brianflanagan/AAT9w/