z-indexが効かない・・と思ったときはpositionつけてるか確認!

いつも忘れるのでメモ。

背景と画像とテキストと・・って、いくつも重ねて表示したいときに「z-indexで数値調整して〜」ってcssつけたとき、指定した通りの重なり順にならないときないですか?

いつも忘れて「なんで指定した順にならないの〜!?キー!!」と発狂。(おおげさ)

そんなアナタ。なにか忘れてませんか?

そう。重なり順がうまくいかないのは「positionを指定していない」から。

とりあえずz-indexでpositionついてないなら「position:relative;」つけてみましょ。

はい、解決。(してるといいな)

ABOUT US

yukipan
Web制作会社で働いてます。パンダとかリラックマとか、まあるいものが好き。好奇心旺盛で、何にでも興味をもってしまう。とりあえずやってみてから取捨選択するのがモットー。今はグリーンカレーとチャイと株式投資がブーム。