z-indexには使用条件があるのじゃ

z-indexを使う時についつい忘れること

端から使っていると気にならず使うものなので意識していなかったが、今回保守案件ですでに作られたCSSを触っている時に気づいたことがきっかけです。

positionがいる

z-indexを使うときはpositionがあって、relativeか、absolut、fixedのどれかではならず、staticでは使えない。

ググると意外と『z-index 使えない』を多く見かける。気をつけよう。記述する際には以下のようになる。

.hoge {
  z-index: 50px;
  position: relative;
}