Sassを使ったz-indexの管理 はめちゃ便利。 でも、mapで並べた時に下の方がz-indexの数値が大きいので、下が上になる。レイヤー構造を逆に考えないといけない。 なので配列を逆にする処理を噛ますことで、上の方が上レイヤーとなり、さらに見やすくできる。 配列を逆に $z-index:( header, //1 nav, //2 pulldown, //3 child //4 ); //リストを逆転させる @function list-reverse($map) { $result: (); @for $i from length($map)*-1 through -1 { $result: append($result, nth($map, abs($i)), comma); } @return $result; } $z-index: list-reverse($z-index