1. ホーム
  2. javascript

文書内で最も高いz-indexを把握するにはどうしたらよいですか?

2023-10-04 10:29:40

質問

透明なテキスト画像を含むdivを私の文書で最も高いz-indexとして設定するために、私は数字10,000を選び、それは私の問題を解決しました。

以前、私は3という数字を推測していましたが、それは効果がありませんでした。

では、どの z-index が他のすべての要素の z-index よりも高いかを知る、より科学的な方法はあるのでしょうか。

Firebugでこの指標を探してみましたが、見つかりませんでした。

どのように解決するのですか?

あなたは findHighestZIndex のような特定の要素タイプに対して <div> のようにします。

findHighestZIndex('div');

を想定して findHighestZindex という関数があり、このように定義されています。

function findHighestZIndex(elem)
{
  var elems = document.getElementsByTagName(elem);
  var highest = Number.MIN_SAFE_INTEGER || -(Math.pow(2, 53) - 1);
  for (var i = 0; i < elems.length; i++)
  {
    var zindex = Number.parseInt(
      document.defaultView.getComputedStyle(elems[i], null).getPropertyValue("z-index"),
      10
    );
    if (zindex > highest)
    {
      highest = zindex;
    }
  }
  return highest;
}