Как сделать другой z-index для дочернего элемента?

Как сделать другой z-index для дочернего элемента? Вот, скажем есть такой код:

<div class="parent">
  <div class="child">
    chto-to
  </div>
</div>

и css

.parent {
  z-index: 1;
}
.child {
  z-index: 2;
}

Дочерний элемент должен быть над родительским, но никак не получается, !important тоже не помогает