Javascript 一个div如何能够在不将其移出的情况下占据所有其他事物的顶部'；谁的集装箱？

我有一个包含在容器div B中的div a。其他一些元素可能会根据其堆叠顺序/上下文与包含的div B重叠，这很好。我希望当container div处于焦点时，div A位于顶部

此外，分区A位于分区B内的绝对位置。分区B也位于绝对位置。当我将A区移到B区外时，我失去了定位

A组有没有可能在保持其位置的情况下显示在顶部

---

我的小提琴在这儿。A区是黄色的正方形。我希望它显示在顶部，而不改变分区B的zindex（红色）

---

据我所知，您希望黄色元素（尽管您称之为div，但称之为span）位于所有其他元素之上。 为此，需要从红色div中删除z索引

.red {
  background: red;
  top: 25px;
  left: 25px;

}

---

这是更新的

这真让人困惑。你在这里混用你的术语。示例中有div‘red’、‘yellow’等，但您的描述是

A

和

B

。请清楚地告诉我你到底想在绿色上实现什么我会说这是一个非常糟糕的设计。。。它是一个元素必须在上面，只要把它拔出来，只在需要的时候应用z-索引，这里只对黄色，它很好（一开始很简单：））顺便说一下，如果没有父z-索引发生变化，我所能想到的就是

位置：fixed“我希望它显示在顶部，而不改变分区B的zindex（红色）”再次检查问题：）非常感谢。不幸的是，我需要容器div上的zindex。它可能位于其他div/spans之上，这是不可能的，因为z索引总是从父级继承的（如果已设置）。为了确保该元素不位于其他元素之上，或者不位于任何您想要的元素之上，您可以在其他元素中使用z-index。
.red {
  background: red;
  top: 25px;
  left: 25px;

}