C'è un modo in jQuery per portare un div in primo piano?

Question

Se avessi un gruppo di tuffi posizionati in modo assoluto e si sovrapponessero, come potrei ottenere un certo div in anticipo? Grazie ancora ragazzi!

Answer 1

Questa è una cosa CSS, non una cosa jQuery (anche se è possibile utilizzare jQuery per modificare il css).

$('element').css('z-index', 9999); // note: it appears 'zIndex' no longer works 

Oppure, posizionamento assoluto porterà qualcosa verso l'alto:

$('element').css('position', 'absolute'); 

Answer 2

Utilizzare .css() e applicare l'attributo position e l'attributo z-index.

Answer 3

Sarebbe eccessivo di utilizzare jQuery per questo. Invece usare i CSS' z-index property:

<style type="text/css"> 
    #myElement { 
    z-index: 50000; 
    } 
</style> 

Answer 4

Quando si lavora con più elementi dovrete scorrere e vedere quale ha il più alto z-index, e impostare la parte superiore a quella + 1.

http://jsfiddle.net/forresto/Txh7R/

var topZ = 0; 
$('.class-to-check').each(function(){ 
    var thisZ = parseInt($(this).css('zIndex'), 10); 
    if (thisZ > topZ){ 
    topZ = thisZ; 
    } 
}); 
$('.clicked-element').css('zIndex', topZ+1); 

---

Per una versione non-CSS (se nessuno degli strati hanno z-index specificata) si può anche semplicemente aggiungere l'elemento nuovo:

$('.click-to-top').click(function(){ 
    $(this).parent().append(this); 
}); 

(Non so se sia più lento rispetto a CSS z-index.)

Per non-CSS non-jQuer y, basta aggiungerla nuovamente:

// var element = document...; 
element.parentNode.appendChild(element); 

Answer 5

Con jQuery (come ti ha chiesto):

$('#a-div').parent().append($('#a-div')); // Pop a div to the front 

strano come tutti sono andati con z-index. Perché sovrascrivere l'ordine di impilamento naturale quando puoi farlo scoppiare in primo piano all'interno del DOM?