Mam następujące ustawienia:

<div style="z-index: 10">
      <div>Whatever</div>
</div>

<div style="z-index: 9">
      <div><div>Haaaleluia</div></div>
</div>

Oczywiście ... uproszcziłem konfigurację, ale to jest główny pomysł. Div „whatever” nakłada się na div „Haaaaleluia”. Oczywiście, ponieważ pierwszy rodzic ma większy indeks Z „cokolwiek” jest widoczne, a „haaaleluia” nie.

Bez zmiany konfiguracji (i żeby było jasne, że obejmuje to zachowanie zindeksowanych rodziców), jak mogę sprawić, by „Haaaaleluia” znalazło się na szczycie?

Dla tych, którzy proszą o wydruk tutaj, jest ... również dziękuję za pomoc:

Duża zła mapa to drugi div.

Samouczek to pierwszy div.

Panel z zamówieniami jest potomkiem mapy. Potrzebuję tego, żeby być na szczycie. Jeśli ustawię całą mapę na górze, samouczek nie będzie już widoczny. Jeśli zachowam mapę za panelem zamówień, nie będzie już widoczny.