Subject   : 複数のボックスの重なる順序を指定(z-index)

カテゴリー  : Home page > スタイルシート


 複数のボックスの重なる順序を指定(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の概念

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]