Vol.31に行ってきます。要望っぽいこと」が実現した感じで、すごく楽しみです。Web制作の現場にいないので、実務経験が少ないです。制作を仕事としてやっている人が、サッと解決できちゃうようなことにもハマったりします。ようなテーマはすごくありがたいです。解釈について、改めて整理してみました。使って、スルスルっと表示させるレイアウトをやることが多いです。隠れちゃったりするのです。」を参考に復習しておきましょう。指定されている場合の位置要素されている要素の重なり方は、文書のソース内であとに記述されている要素ほど上に重ねられて前面に表示されることになります。positionプロパティの指定されていない要素)とでは、位置指定された要素が上に重なって前面に表示されることになります。そこで、z-indexプロパティは重ね合わせの順番が上手くいかないときに、ソース内で要素が記述されている位置に関係なく、要素の重ね合わせる順序を調整することができます。性質を踏まえて、以下のようなソースで実験してみます。内に書いちゃっています。div#floating)がある場面を想定しています。表示すると次のようになります。以外で位置指定されている要素(#header、#floating)と、位置指定されていない要素(#contents)とでは、位置指定された要素が上に重なって前面に表示されているので正しい表示です。位置に関わる部分を次のように変更してみます。重なっている部分が隠れてしまいます。よって記述の順序に関係なく、要素の重なりを調整することができる」はずなので、これはおかしいです。上の画像のようになります。指定しても正常に反映されず、「親要素の重なりの順序が優先」されるようです。次のように変更してみるとどうでしょうか。次のような表示になります。設定されていると、その親要素同士の重なり順序が優先されるようです。指定されているとどうなるでしょうか。親要素同士の重なり順序が優先されるようです。プロパティは、ブラウザによって次のように扱われるようです。場合]仕様で定められている通り。隣接する親要素の重なり順序が優先する。細かくはチェックしていませんが、おおむね他のモダンブラウザも同様でした。場合]隣接する親要素の重なり順序が優先する。