我需要一个动态元素始终出现在另一个元素的顶部,无论它们在DOM树中的顺序如何。这可能吗?我已经尝试了z-index(和position:relative),但似乎没有用。
z-index
position:relative
我需要:
<div class="a"> <div class="b"></div> </div> <div class="b"> <div class="a"></div> </div>
呈现时完全相同。并且出于灵活性目的(我计划分发需要此功能的插件),我真的不想不必求助于绝对或固定位置。
为了执行我想要的功能,我做了一个条件语句,其中重叠的子元素将在阻止其父视图的情况下变得透明。这不是完美的,但它是某种东西。
如果元素构成层次结构,则不能那样做,因为每个定位的元素都会创建新的堆叠上下文,并且z-index相对于同一堆叠上下文的元素。