css - 当所有元素都声明了位置时，z-index 无法工作

Question

我不明白为什么在这个例子中http://jsfiddle.net/BmnHZ/2/切换的蓝色 div.playlist没有隐藏在黑色.menudiv 下。我为这两个项目设置了一个位置，但它不需要。我怎样才能.playlist留下来.menu？

Answer 1

z-index 为 99 的子级的堆叠顺序不小于 z-index 为 100 的父级，因为子级位于 z-index 为 100 的父级中已经“高于”父母的堆叠顺序。

您要做的是将孩子的 z-index 设置为 -1 而不是 99。

说的有点难，希望大家理解。