Как я могу получить дочерний элемент с более низким 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»? быть на вершине?
Для тех, кто попросил распечатать здесь, это ... также спасибо за помощь:
Большая плохая карта - это второе деление.
Учебник является первым делом.
Панель с заказами является дочерней по отношению к карте. Мне нужно, чтобы это было на вершине. Если я поставлю всю карту сверху, учебник больше не будет виден. Если я оставлю карту за панелью заказов, то она больше не будет видна.