无法让z-index处理这些css背景元素

Question

我试图稍微提高一点css，特别是使用z-index重叠元素并更改堆栈顺序。我创建了这个小提琴但是当我改变z-index的值时，这些层保持不变。我无法让z-index做任何事情。

http://jsfiddle.net/mjmitche/AfPWE/24/

不使用z-index，另一个div内的div总是出现在顶部。我尝试使用z-index将它放在容器div下面，但没有运气。那么我想也许在彼此内部的div不能改变它们的堆栈顺序，所以我在那些之外创建了另一个div但是无法改变它的堆栈顺序

Answer 1

这不起作用，因为元素的z-index是从其父元素继承的。为了实现这一目标，您将拥有“de-child”元素：

<div id="green"></div>

<div id="black"></div> 

<div id="pink"></div>

此外z-index也需要有一个职位，但你有这个职位。

Answer 2

重叠的Div需要处于彼此相同的水平。检查这个小提琴： http://jsfiddle.net/jmqwZ/

我创建了一个与粉红色相同级别的“其他”div。您可以尝试交换他们的z索引。