小编典典

如何使子元素显示在其父元素后面(Z索引更低)?

css

我需要一个动态元素始终出现在另一个元素的顶部,无论它们在DOM树中的顺序如何。这可能吗?我已经尝试了z-index(和position:relative),但似乎没有用。

我需要:

<div class="a">
    <div class="b"></div>
</div>

<div class="b">
    <div class="a"></div>
</div>

呈现时完全相同。并且出于灵活性目的(我计划分发需要此功能的插件),我真的不想不必求助于绝对或固定位置。

为了执行我想要的功能,我做了一个条件语句,其中重叠的子元素将在阻止其父视图的情况下变得透明。这不是完美的,但它是某种东西。


阅读 590

收藏
2020-05-16

共1个答案

小编典典

如果元素构成层次结构,则不能那样做,因为每个定位的元素都会创建新的堆叠上下文,并且z-index相对于同一堆叠上下文的元素。

2020-05-16