假设我有以下代码：

<div class="parent">
    <div class="child">
        Hello world
    </div>
</div>

<div class="wholePage"></div>

现在，我需要<div class="child">在上面，<div class="wholePage">但是在jsFiddle中，您可以看到child元素呈现在before之前<div class="wholePage">。

如果您删除parent类position或z-index，则一切正常。这是我需要的正确行为：http

//jsfiddle.net/ZjXMR/1/

如何在z-index不删除页面的情况下执行此操作？