3分で読める！【CSS】要素同士の重なりを調整する方法

本日は要素同士の重なりを調整する方法について

書きたいと思います！！

ある要素を画面上に固定などした時に

要素同士がかぶって表示される時があると思います。

そのような時の対処方法です。

実装方法

使用するプロパティはz-indexです。

z-indexプロパティを使用する際は、

0~10までの値を指定します。

この指定した値が大きいほど前に表示されます。

またz-indexを使用する際は、

positionプロパティと併用する必要があります。

＜サンプルコード＞

.sample{
   positon:fixed;
   z-index:10;
}