Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Z索引绝对定位-当面板位于后面时,使用Z索引始终显示在顶部_Css_Position_Z Index - Fatal编程技术网

Css Z索引绝对定位-当面板位于后面时,使用Z索引始终显示在顶部

Css Z索引绝对定位-当面板位于后面时,使用Z索引始终显示在顶部,css,position,z-index,Css,Position,Z Index,我非常习惯CSS,但我有一个问题,想知道是否有一个解决方案 如果我有一个具有相对位置和z-index:2的div,旁边还有一个具有z-index:1的div。有没有办法让第二个DIV中的元素位于第一个DIV的顶部。Z-index:3不会执行此操作,因为它位于Z-index 2处的元素内 .div1 { position:relative; z-index:2 } .div2 { position:relative; z-index:1 } .inner element { position:re

我非常习惯CSS,但我有一个问题,想知道是否有一个解决方案

如果我有一个具有相对位置和z-index:2的div,旁边还有一个具有z-index:1的div。有没有办法让第二个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
}
任何想法


好极了

假设我正确理解了你的问题-不,你想要放在顶部的元素必须有更高的z指数


您必须使用javascript访问相对定位元素的左坐标和上坐标,然后将其位置设置为绝对以释放父元素的z索引元素

如果您使用的是JQuery

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

我不确定是否有办法,我会让其他人来负责——但我想说,如果你不得不这样做,可能有更好的方法来构建你的页面。当然,请随意证明我是错的。@Anonymous-工具提示在从面板滑出的div中工作]