css - すべての要素の位置が宣言されている場合、z-index が機能しない

Question

この例http://jsfiddle.net/BmnHZ/2/で、トグルされた青い div.playlistが黒い div の下に隠れない理由がわかりません.menu。両方のアイテムの位置を設定しましたが、かかりません。どうすれば.playlist留まることができ.menuますか？

Answer 1

z-index が 99 の子は、z-index が 100 の親の中にあるため、z-index が 100 の親よりも小さい積み上げ順序はありません。すでに親の重ね順より「上」です。

あなたがしたいことは、子の z-index を 99 ではなく -1 に設定することです。

わかりにくいと思いますが、ご理解いただければ幸いです。