augmenter l'index z sur prependTo div

J'ai de la difficulté à afficher l'un des divs de la page sur un div temporairement ajouté.augmenter l'index z sur prependTo div

Le div que je veux garder à l'avant à tout moment est .outer_box

Le Jquery:

$(document).ready(function() { 


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


});

Le 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; 
}

Le code HTML:

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

Source

2010-10-22 Doobox

ajouter un message tion: absolue à la classe outer_box. http://jsfiddle.net/brianflanagan/AAT9w/

Source

2010-10-22 20:06:46

Si vous voulez afficher comme un popup, le outer_box doit avoir un index z plus haut. – kobe

Je pense que c'est le cas - outer_box est défini sur 10000 et le .DooSuperOverlay est défini sur 5000. Ai-je raté quelque chose? –

boîte intérieure et boîte extérieure zindex est même, donnez un nombre supérieur – kobe

augmenter l'index z sur prependTo div

Répondre

Questions connexes