htnkj https://blog.hatena.ne.jp/htnkj/ RAKUS Developers Blog | ラクス エンジニアブログ https://tech-blog.rakus.co.jp/ フロントエンド はじめに 1. position: static の要素ではz-indexは効かない 2. 基本的にはHTMLの記述順に重なる 3. z-indexを指定した場合は数値の大きいものが上に重なる 4. 親子関係がある要素ではz-indexの数値に関係なく親の上に子が重なる 5. 親階層のz-indexの比較が優先して評価される おわりに 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.rakus.co.jp%2Fentry%2F20210428%2Ffrontend" title="z-index:0とz-index:100はどちらが上にくる？ - RAKUS Developers Blog | ラクス エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tech-rakus/20210427/20210427164944.png Hatena Blog https://hatena.blog 2021-04-28 15:00:00 rich https://tech-blog.rakus.co.jp/entry/20210428/frontend 1.0 100%