Anonim

数か月前に新しいサイトを立ち上げて、ページにあるドロップダウンメニューの上にリーダーボード広告が表示されているという苦情を受けました。 簡単なことですが、広告のCSSを調べて、Zインデックスが999であることがわかり、メニューのZインデックスが1, 000に引き上げられました。 問題が解決しました。 数週間後、同じ問題が再び発生し、10, 000になりました。 再び今日、私は同じ問題を引き起こしている別の広告を検査しなければなりませんでした。 100万のインデックスがありました。 なんて迷惑だ。

しかし、z-indexに設定できる最大値はいくらですか? さまざまなCSSドキュメントを見ると、最大値が指定されているようには見えませんでした。 Firefox、IE、Chromeでの答えは次のとおりです。

2147483647

これは、32ビット整数の最大符号付き値です。 技術的には、この制限はブラウザが作成されたプログラミング言語によるものだと思います。この値に設定すると何か壊れる可能性のある古いブラウザがあるはずです。 しかし興味深いもの。 そのため、要素が完全に100%確実であることを確認する場合は、2147483647に設定します。問題は解決しました。 しかし、実際には、広告がそれを非常に多く設定しているのは非常に迷惑です。 特定のページを考慮すると、非常に限られた数のレイヤーが存在することになりますが、それをはるかに小さい数に設定するとうまくいくはずです。

CSSのZインデックスの最大値