Z-Index绝对定位 - 当面板落后时，使用Z-Index始终显示在顶部

Question

我已经习惯了CSS，但我遇到了问题，想知道是否有解决方案。

如果我有一个具有相对定位和z-index的div：2和另一个与z-index相邻的div：1。有没有办法让第二个DIV中的元素在第一个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
}

任何想法。

非凡

Answer 1

假设我正确理解了您的问题 - 不，您想要的元素必须具有更高的z-index。

http://jsfiddle.net/Wgsqd/

Answer 2

您必须使用javascript访问相对定位元素的左侧和顶部坐标，然后将其位置设置为absolute以释放其父级z-index的元素。

如果你正在使用JQuery

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