较低的 z 索引内是否有较大的 z 索引？

Question

我似乎无法找到一种方法来z-index为父元素的优先级低于z-index覆盖元素的元素分配更高的优先级。

考虑这个例子：

<div style="width: 100px; height: 100px; background: #F00; position: absolute; left: 0; top: 0; z-index: 1;">
    <div style="width: 50px; height: 100px; background: #00F; position: absolute; left: 50px; top: 0; z-index: 3;"></div>
</div>
<div style="width: 100px; height: 50px; background: #0F0; position: absolute; left: 0; top: 50px; z-index: 2;"></div>

结果：

预期结果：

Answer 1

您可以执行此操作，但前提是父级没有position: relative或absolute属性。因此，如果您从第一个 div 中删除position: absolute，它将按预期工作。

jsFiddle： http: //jsfiddle.net/GEnHC/