如何使子元素的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 {&nbsp; &nbsp; position: relative;}.child {&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; top:0;&nbsp; &nbsp; left: 0;&nbsp; &nbsp; right: 0;&nbsp; &nbsp; bottom: 0;&nbsp; &nbsp; z-index: 100;}