无法获得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元素是从其父项继承的。为了得到这个工作，你必须“去的孩子”的元素：

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

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

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

而且还z-index需要有一个位置还可以，但你有。

Answer 2

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

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