是否可以在不同级别对 div 进行 z-index 索引？

发布于 2024-10-11 02:07:24 字数 223 浏览 2 评论 0原文

也就是说，如果我有以下情况：

<div id="a">
    <div id="b"></div>
</div>
<div id="c"></div>

我是否可以在视觉上将 b 放置在 c 下方，而不将 a 放置在 c 下方？我想答案是否定的，但我很好奇是否有一些我不知道的 CSS 技巧。

原文

That is to say, if I had the following:

<div id="a">
    <div id="b"></div>
</div>
<div id="c"></div>

Would it be possible for me to visually place b beneath c without putting a beneath c? I'm thinking the answer is no but I was curious if there was some css trickery I was unaware of.

分享到QQ

分享到微博

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

发布评论

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

薄荷港 2024-10-18 02:07:24

不，这是不可能的。 b 和 a 将作为一个组“一起”索引，而 c 将单独计算。请参阅http://jsfiddle.net/73KXM/

回复收藏 0 原文

你的往事 2024-10-18 02:07:24

如果这样做，b 也会位于 a 后面，因此不可见。

回复收藏 0 原文

若水般的淡然安静女子 2024-10-18 02:07:24

#a {
     z-index: 50;
}

#b {
     z-index: 0;
}

#c {
     z-index: 25;
}

当然，如果 #b 完全包含在 #a 中（没有负边距等），则不会看到它。如果你正在寻找一种圆形 z-index，我认为这是不可能的。您可能需要将 div 分成几部分并“伪造”它。

#a {
     z-index: 50;
}

#b {
     z-index: 0;
}

#c {
     z-index: 25;
}

Of course, if #b is entirely contained within #a (no negative margins, etc.), it wouldn't be seen. If you're looking for a sort of circular z-index, I don't think it can be done. You may need to break a div into pieces and "fake" it.

回复收藏 0 原文