如何让父元素出现在子元素上方

<div class="wrapper">

    <div class="parent">

        <div class="child">

            ...

        </div>

    </div>

</div>

CSS：



.wrapper {

    position: relative;

    z-index: 0;

}



.child {

    position: relative;

    z-index: -1;

}