我需要一个一定的动态元素,总是出现在另一个元素的顶部,无论它们是什么顺序的DOM树.这可能吗?我试过z-index(位置:relative),似乎不起作用.我讨厌这个模糊,但这是我最简单的方式,我可以想到这个问题,而不会解释它的目的,恶心.
所以,要回顾一下,我需要:
<div class="a"> <div class="b"></div> </div> <div class="b"> <div class="a"></div> </div>
渲染时要显示完全一样.为了灵活性(我正在计划分发一个需要这个功能的插件),我真的不想诉诸绝对或固定的定位.
附录:
为了执行我想要的功能,我做了一个条件语句,其中重叠的子元素将变得透明,因为它阻止了其父代的视图.这不是完美的,但它是东西.
解决方法
如果元素构成层次结构,则不能以这种方式进行,因为每个定位的元素都会创建新的
stacking context,而z-index与相同堆叠上下文的元素相关.