Как я могу получить дочерний элемент с более низким z-индексом перед дочерним элементом другого элемента с более высоким z-индексом?

У меня есть следующие настройки:

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

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

Конечно ... Я слишком упростил настройку, но это главная идея. "Что бы то ни было" div перекрывается "Haaaaleluia" дела. Конечно, потому что у первого родителя есть больший z-индекс "что угодно" является видимым и "haaaleluia" не является.

Не изменяя настройки (и чтобы было ясно, что это включает сохранение родительских z-индексов), как я могу сделать «Haaaaleluia»? быть на вершине?

Для тех, кто попросил распечатать здесь, это ... также спасибо за помощь: enter image description here

Большая плохая карта - это второе деление.

Учебник является первым делом.

Панель с заказами является дочерней по отношению к карте. Мне нужно, чтобы это было на вершине. Если я поставлю всю карту сверху, учебник больше не будет виден. Если я оставлю карту за панелью заказов, то она больше не будет видна.

Ответы на вопрос(5)

Ваш ответ на вопрос