Trouver plus haut z-index de tous les éléments

Question

dupliquées possible:
How can you figure out the highest z-index in your document?

Je dois mettre en œuvre un pop-up modal type d'alerte qui apparaît avec un fond estompé. Le problème est, nous pouvons avoir d'autres éléments sur la page étant montrés qui sont aussi des modaux avec des z-index au-dessus de la valeur par défaut.

Comment puis-je déterminer l'index z approprié qui fait d'un élément donné l'élément ayant la couche la plus élevée?

(jQuery est très bien.)

Answer 1

Idéalement, vous devriez savoir, quels sont les éléments que vous souhaitez analyser pour z-index. Disons que si vous utilisez des DIVs avec comme de pop-up modal « my-classe modale » classe CSS, vous pouvez utiliser quelque chose comme ceci:

function getMaxZIndex() 
{ 
    var allModalDialogs = $('DIV.my-modal-class'); 
    var zIndexMax = 0; 
    allModalDialogs.each(function() { 
    if ($(this).css('z-index') > zIndexMax) zIndexMax = $(this).css('z-index'); 
    }); 
    return zIndexMax; 
}