HTML:获取一个子元素显示在后面(较低的z-index)比其父?

前端之家收集整理的这篇文章主要介绍了HTML:获取一个子元素显示在后面(较低的z-index)比其父?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一个一定的动态元素,总是出现在另一个元素的顶部,无论它们是什么顺序的DOM树.这可能吗?我试过z-index(位置:relative),似乎不起作用.我讨厌这个模糊,但这是我最简单的方式,我可以想到这个问题,而不会解释它的目的,恶心.

所以,要回顾一下,我需要:

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

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

渲染时要显示完全一样.为了灵活性(我正在计划分发一个需要这个功能插件),我真的不想诉诸绝对或固定的定位.

附录:
为了执行我想要的功能,我做了一个条件语句,其中重叠的子元素将变得透明,因为它阻止了其父代的视图.这不是完美的,但它是东西.

解决方法

如果元素构成层次结构,则不能以这种方式进行,因为每个定位的元素都会创建新的 stacking context,而z-index与相同堆叠上下文的元素相关.
原文链接:https://www.f2er.com/html/230959.html

猜你在找的HTML相关文章