Z-Index Абсолютное позиционирование - использование Z-Index всегда отображается сверху, когда панель находится сзади

Question

Я довольно привык к CSS, но у меня есть проблема, и я хотел бы знать, есть ли решение.

Если у меня есть div с относительным позиционированием и z-index: 2 и еще один div с z-index: 1. Есть ли способ, чтобы элемент во втором DIV поднимался поверх первого. Z-index: 3 не будет этого делать, потому что он находится внутри элемента с z-index 2.

.div1 {
position:relative;
z-index:2
}
.div2 {
position:relative;
z-index:1
}
.inner element {
position:relative;
z-index:3
}

Любые идеи.

Marvelous

Answer 1

Вы должны будете использовать javascript для доступа к левой и верхней координатам относительно позиционированного элемента, а затем установить его положение в абсолютное значение, чтобы освободить элемент z-индекса его родителя.

Если выиспользуя JQuery

var top = $(".inner").position().top();
var left = $(".inner").position().left();
$(".inner").css({
  position: "absolute",
  top: top,
  left: left
});

Answer 2

Предполагая, что я правильно понял ваш вопрос - Нет, элемент, который вы хотите поместить сверху, должен иметь более высокий z-индекс.