仕事で z-index プロパティを使う機会があったんですが、なんだか上手くいかなかった。いろいろ試行錯誤してようやく思い通りの動きをしてくれたので、ここに z-index プロパティの仕様を含めたまとめを書いてみる。 まずは z-index プロパティの仕様から。引用するのが面倒なので仕様書をそのまま見てください。 Visual formatting model - 9.9 階層化表示 簡単に仕様をまとめると、 position プロパティで [fixed] [absolute] [relative] のいずれかの値を持つ要素(つまり [static] 以外の値)にのみ適用される z-index プロパティの [auto] はボックスの重なり順が親要素と同じになる [整数] は値が大きいほど値が小さいボックスよりも前面になり、小さいほど大きい値よりも背面に配置される [整数] はマイナス