More than 3 years have passed since last update.

z-index の最大値を 530000 にしたい

Last updated at 2021-08-19Posted at 2020-12-20

宇宙最強の z-index

突然ですが「いかなる時も最前面に表示したい」そんなレイヤーがあった時 z-index をいくつに設定しますか？
私は迷うことなく 530000 とします。
なぜかというと「宇宙最強の数字」だと（勝手に）思うからです。

z-index: 530000;

どうですか。
なんとなく、これを超えちゃいけない感が伝わってきます。

調べたところ「ブラウザが認識できる z-index の最大値は 2147483647」っていう記事が散見されます。

z-index: 2147483647;

声に出すと「にじゅういち億よんせんななひゃくよんじゅうはち万さんぜんろっぴゃくよんじゅうなな」なんですが、桁が大きすぎるうえに直感的に最大値って伝わってきません。
それにブラウザの実装次第では、さらに大きい数字が使えるようになるかもしれません。

z-index: 530000;

やはりこちらの方がしっくりきます。

z-index: 530000; /* もちろんフルパワーで
あなたと戦う気はありませんからご心配なく… */

コメント付けてもいいかもしれません。

外部ライブラリによっては 530000 を超えてくる事があります。
そんな時はこんなコメントにするといいと思います。

z-index: 530000; /* 初めてですよ…ここまで私をコケにしたおバカさん達は… */

規格外に大きな z-index は、劇場版やパラレルワールドのものと思って目をつぶりましょう。

あなたも z-index の最大値を 530000 に（勝手に）しませんか？