Z-indexは、重なった要素のどちらを手前に表示するかを制御します。机の上に二枚の紙を重ねると、上の紙が下の一部を覆うようなものです。

ウェブサイトでは、ポップアップをページより前に、メニューを画像より前に表示するために使えます。同じ重なりのコンテキスト内では、数値が大きいほど手前に来ることが多いです。

大きなz-indexが効かないように見える場合、別の要素グループが独自のレイヤーを作っている可能性があります。各要素に巨大な値を設定するのではなく、一貫した少数のレベルを使いましょう。