Html 在两个绝对元素之间更改Z索引?

Html 在两个绝对元素之间更改Z索引?,html,css,position,Html,Css,Position,我有一个简单的html结构(我无法更改) 外部div为位置:相对 其他(内部)2个div为绝对位置 但是,我希望绿色位于红色 红色的具有更大的z索引,但仍然不适用 我错过了什么 从红色分区中删除z-index,并在绿色分区中将其设置为负值: +100。你能解释一下问题是什么吗?我是说,我觉得我遵守规则很正确。。。没有?我想这可能回答了你的问题:我读了它,找不到它所说的关于两个绝对div一个在另一个里面的情况的那一行。@RoyiNamir在每个堆叠上下文中,以下层是按从后到前的顺序绘制的:2

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


外部div为
位置:相对

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

但是,我希望
绿色
位于
红色

红色的
具有更大的
z索引,但仍然不适用

我错过了什么


从红色分区中删除
z-index
,并在绿色分区中将其设置为负值:


+100。你能解释一下问题是什么吗?我是说,我觉得我遵守规则很正确。。。没有?我想这可能回答了你的问题:我读了它,找不到它所说的关于两个绝对div一个在另一个里面的情况的那一行。@RoyiNamir
在每个堆叠上下文中,以下层是按从后到前的顺序绘制的:
<代码>2。具有负堆栈级别的子堆栈上下文(首先是最负的)。
#2在顺序中相对较早。
 <div class="d1"  >
       <div class="d2" >
             <div class="d3"></div>
       </div>
 </div>