Tengo algunos problemas con el índice z. Este es mi diseño simplificado:

<div id="overlapper"></div>
<div id="container">
    <div id="child1"></div>
    <div id="child2"></div>
</div>

Necesitooverlapper aparecer delante dechild1 pero detraschild2. Traté de jugar con el índice z pero no funcionó, creo que debido al contexto de apilamiento.

Cualquier ayuda por favor? Gracias