10
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

みらい翻訳Advent Calendar 2020

Day 20

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

Last updated at Posted at 2020-12-20

宇宙最強の z-index

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

z-index: 530000;

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

2147483647

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

z-index: 2147483647;

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

z-index: 530000; 

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

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

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

最強を超える……

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

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

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

覚悟はよろしいですね

あなたも z-index の最大値を 530000 に(勝手に)しませんか?

10
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?