更改2个绝对元素之间的Z指数？

Question

我有一个简单的html结构（我可以＆＃39; t 更改它）

 <div class="d1"  >
       <div class="d2" >
             <div class="d3"></div>
       </div>
 </div>

外部div为position:relative

其他（内部）2个div是absolute position。

但是，我希望green red

red有一个更高 z-index但仍然无法应用

我错过了什么？

JSBIN

Answer 1

从红色div中删除z-index，并在绿色div中将其设为负值：

http://jsbin.com/otiniw/14/edit