确保一个元素始终在其他所有元素前面的简单方法？

Question

在一个网站上我希望有一个元素占据屏幕的整个空间（在一个事件之后），但我似乎无法在我网站上的所有其他元素面前得到它。我是否必须为所有内容设置位置和z索引，或者是否有另一种方法可以在其他所有内容之前设置我想要的元素？

Answer 1

如果你希望这个东西总是在顶部，只需将它的z-index设置为999（或者比你知道的更高的东西）。

Answer 2

蛮力。

function getMaxZ() {
  var all = document.querySelectorAll('*');
  var len = all.length;
  var maxZ = 0;
  var dv = document.defaultView;
  for (var i = 0; i < len ; i++) {
    var el = all[i];
    var thisZ = el.currentStyle ? el.currentStyle : dv.getComputedStyle(el, null);
    thisZ = thisZ.zIndex.replace(/[^\d]/,'') * 1;
    if (thisZ > maxZ) maxZ = thisZ;  
  }
  return maxZ;
}

alert(getMaxZ());