z-indexとは？

要素の重なり順を指定する時に使います。

使い方

.test {

z-index: 数字;

}

指定した数が大きほど、要素が上にきます。

-の指定をすることもできます。

z-indexを使う場合は同時にpositionの指定をします。

通常時のposition:static;の状態だと指定することができません。

.test1 {

z-index: 1;

position: relative;

}

.test2 {

z-index: 2;

position: absolute;

}

このように使います。

この結果test2が上に表示されます