查找所有元素的最高z-index

Question

  

可能重复：
  How can you figure out the highest z-index in your document?

我需要实现一个带有灰色背景的警报类型模式弹出窗口。问题是，我们可能在页面上显示的其他元素也是默认情况下z-index的模态。

如何确定使给定元素成为最高层元素的适当z-index？

（jQuery很好。）

Answer 1

理想情况下，您应该知道要扫描z-index的元素。让我们说如果你使用一些带有“my-modal-class”CSS类的DIV作为模态弹出窗口，那么你可以使用这样的东西：

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