Z-Index 绝对定位 - 当面板位于后面时，使用 Z-Index 始终出现在顶部

发布于 2024-12-06 21:10:40 字数 347 浏览 0 评论 0原文

我很习惯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
}

任何想法。

奇妙

原文

I am quite accustomed to CSS but I have a problem and would like to know if there is a solution.

If I have a div with relative positioning and z-index:2 and another div next to it with z-index:1. Is there a way to have an element in the second DIV rise on top of the first. Z-index:3 will not do it because it is inside an element at z-index 2.

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

Any ideas.

Marvellous

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

残月升风 2024-12-13 21:10:40

假设我正确理解你的问题 - 不，你想要放在顶部的元素必须有更高的 z-index。

http://jsfiddle.net/Wgsqd/

回复收藏 0 原文

嘿咻 2024-12-13 21:10:40

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

如果您使用 JQuery

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

You would have to use javascript to access the left and top coordinates of the relatively positioned element, and then set its position to absolute to free the element of its parent's z-index.

If you're using JQuery

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

回复收藏 0 原文

~没有更多了~