z-indexが効かないときのメモ

z-indexが効かない！

block要素の重なり順序を指定するz-index、便利なのでよく使ってしまうのですが、たまに効かないことがあります。
そのせいでChromeとSafariで表示が異なってしまったり、つまづいたのでメモです。

結論

いきなり結論ですが、
z-indexはpositionが

position:relative

もしくは

position:absolute

を指定しないといけないようです！
とりあえずstatic以外ね。

と、いうわけでz-indexを指定したblock要素にはpositionを指定しましょう！