如何找出文档中最高的z索引？

Question

为了将包含透明文本图像的div设置为文档中的最高z索引，我选择了10,000，它解决了我的问题。以前我猜过数字3，但没有效果。因此，是否有更科学的方法来确定哪个z索引比您所有其他元素的z索引高？我尝试在Firebug中寻找此指标，但找不到。

Answer 1

您可以findHighestZIndex像这样调用特定的元素类型，例如“ DIV”：

findHighestZIndex('div');

假设findHighestZindex函数定义如下：

function findHighestZIndex(elem)

{

  var elems = document.getElementsByTagName(elem);

  var highest = 0;

  for (var i = 0; i < elems.length; i++)

  {

    var zindex=document.defaultView.getComputedStyle(elems[i],null).getPropertyValue("z-index");

    if ((zindex > highest) && (zindex != 'auto'))

    {

      highest = zindex;

    }

  }

  return highest;

}

Answer 2

为了清楚起见，从abcoder站点窃取了一些代码：

  var maxZ = Math.max.apply(null, 

    $.map($('body *'), function(e,n) {

      if ($(e).css('position') != 'static')

        return parseInt($(e).css('z-index')) || 1;

  }));

Answer 3

使用ES6更清洁的方法

function maxZIndex() {

     return Array.from(document.querySelectorAll('body *'))

           .map(a => parseFloat(window.getComputedStyle(a).zIndex))

           .filter(a => !isNaN(a))

           .sort()

           .pop();

}