html - 更改 2 个绝对元素之间的 Z 索引？

我有一个简单的 html 结构(我无法更改它)

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

外部 div 是 position:relative

其他(内部)2个div是绝对位置。

enter image description here

但是，我希望绿色位于红色下方

red 具有更大 z-index，但仍然不适用

我错过了什么？

<强> JSBIN

最佳答案

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

关于html - 更改 2 个绝对元素之间的 Z 索引？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15550575/

相关文章：

html - margin 顶部似乎失控了