如何使子元素的z索引高于父元素？

Question

假设我有以下代码：<div class="parent">    <div class="child">        Hello world    </div></div><div class="wholePage"></div>这个jsFiddle：http : //jsfiddle.net/ZjXMR/现在，我需要<div class="child">在上面，<div class="wholePage">但是在jsFiddle中，您可以看到child元素呈现在before之前<div class="wholePage">。如果您删除parent类position或z-index，则一切正常。这是我需要的正确行为：http : //jsfiddle.net/ZjXMR/1/如何在z-index不删除页面的情况下执行此操作？CSS Z索引

Answer 1

这是不可能的，因为子级的z-index设置与父级的堆叠索引相同。

您已经通过从父级移除z-index来解决该问题，将其保持为这种状态，或者将该元素设为同级而不是子级。

Answer 2

没有什么是不可能的。用力。

.parent {

    position: relative;

}

.child {

    position: absolute;

    top:0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 100;

}