Ich habe zwei verschachtelte CSS-Elemente. Ich muss das Elternteil dazu bringen, über dem Kindelement zu sein, dh über der Z-Achse. Es reicht nicht aus, nur den Z-Index festzulegen.

Ich kann für das untergeordnete Element keinen negativen Z-Index festlegen, der unter dem Seitencontainer auf meiner aktuellen Seite liegt. Ist das die einzige Methode?

http://jsbin.com/ovafo/edit

.parent {
  position:  relative;
  width: 750px;
  height: 7150px;
  background: red;
  border: solid 1px #000;
  z-index: 1;
}
.child {
  position: absolute;
  background-color: blue;
  z-index: 0;
  color: white;
  top: 0;
}
.wrapper
{
  position: relative;
  background: green;
  z-index: 10;
}

<div class="wrapper">
  <div class="parent">
    parent parent
    <div class="child">
      child child child
    </div>
  </div>
</div>