查找所有元素的最高 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;
}