CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト(Stacking Context)はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテキストのうちの一つです。今回はz-indexより広い概念のスタッキングコンテキストの深淵を覗いてみます。 z-index:5がz-index:53万に勝つ方法 重なりといえば、z-indexです。z-indexはWeb初心者キラーなプロパティで、その値が必ずしも重なりの順序になりません。例えば次のようなz-indexが53万と5の要素があったとします。この場合、53万の要素が上にきます。 <div class="wrapper wrapper-freeza"> <div
![君は真に理解しているか?z-indexとスタッキングコンテキストの関係 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/01547640e045584ed6164b1dd94f660aaea02c6a/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F200609%2Fimages%2Feyecatch.jpg)