z-indexが効かない時の対処法

z-indexを指定しても重なりの順序が変わらない時は、

z-indexを入れているボックスに

position: relative;

position: absolut;

のどちらかを指定する必要があるようです。

こんな感じ。

#section01 {

  position: relative;

  z-index: -1;
}