複数のボックスの重なる順序を指定（z-index）

「position」プロパティを指定した場合の、重なる順序を整数で指定します。 数が大きいものほど上に表示されます。

指定する範囲を含む範囲（親となるレイヤー）の下に表示させたい場合は、マイナスの値を指定します。つまり、親子関係で言うと、親は「0」ということになります。

特に指定のない場合や「auto」の値を指定すると、「position」プロパティを使用する度に、下から上へという順序で重ねられていきます。

　■　使用例

.sample1 { position: absolute; z-index : 1; }
.sample2 { position: absolute; z-index : 3; }
.sample3 { position: absolute; z-index : 2; }

z-index : 1

z-index : 2
(sample3)

z-index : 3
(sample2)

　　　⇒　スタイルシートのboxの概念