使い方

使いたい要素にpositionプロパティを使い、static（初期値）以外の値を指定します。

position: relative;

z-index: 1;

このように使います。

.box1 {

position: relative;

z-index: 1;

}

.box2 {

position: relative;

z-index: 2;

}

.box3 {

position: relative;

z-index: 3;

}

このような場合box3 が一番上に表示されます。

.box1 {

position: relative;

z-index: -1;

}

.box2 {

position: relative;

z-index: -2;

}

.box3 {

position: relative;

z-index: -3;

}

このような場合box1 が一番上に表示されます。

どちらも整数のみ使用できます。