如何使子元素显示在其父元素后面（Z索引更低）？

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

我需要：

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

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

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

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