Z-Index
要素の重なり方の順番を指定します。
POSITIONのABSOLUTEやRELATIVEで重なった要素の重ね順を指定します。
通常重なり方の順番は、後に記述された構文の要素が一番前になり、前に書かれた要素が後ろに表示しますが、Z-INDEXで重なり方の順番を変えることができます。
0が基準になります。−で基準要素の下に、+で基準要素の上に表示します。
サンプルの上は、青が基準でオレンジ・赤の順に−を、下は逆に+を指定した場合です。
●関連プロパティ
POSITION | TOP & BOTTOM | LIGHT & LEFT | WIDTH | HEIGHT
{ z-index : integer }
Z-Index 0
Z-Index -1
Z-Index -2
Z-Index 0
Z-Index 1
Z-Index 2
|
|
|
|---|