Javascript 将Div放置在完全独立的Div顶部

您好，我正在尝试以编程方式（javascript或css）将一个div置于另一个div之上。div是完全独立的，这意味着它们看起来如下所示：

<div class="bottom">
   <img src="image"></img>
</div>
<div class="Top">
   <img src="image2"></img>
</div>

---

我不熟悉javascript和css，但我找到的大多数解决方案都是针对一个div中的单独div，允许它们使用zIndex。如果你想让我提供更多关于我的问题的信息，请告诉我。谢谢你的帮助

定位的元素绝对不需要

z-index

属性，但它可能有助于防止将来的冲突

<style>
    .stack-wrapper { position: relative; }
    .bottom { position: static; z-index: 1; }
    .top { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
</style>

<div class="stack-wrapper">
    <div class="bottom">
       <img src="image"></img>
    </div>
    <div class="top">
       <img src="image2"></img>
    </div>
</div>

.stack wrapper{position:relative；}
.bottom{位置：静态；z索引：1；}
.top{position:absolute；top:0；left:0；right:0；bottom:0；z-index:2；}

定位的元素绝对不需要

z-index

属性，但它可能有助于防止将来发生冲突

<style>
    .stack-wrapper { position: relative; }
    .bottom { position: static; z-index: 1; }
    .top { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
</style>

<div class="stack-wrapper">
    <div class="bottom">
       <img src="image"></img>
    </div>
    <div class="top">
       <img src="image2"></img>
    </div>
</div>

.stack wrapper{position:relative；}
.bottom{位置：静态；z索引：1；}
.top{position:absolute；top:0；left:0；right:0；bottom:0；z-index:2；}

您可以使用绝对定位设置这些属性，并更改

z-index

以选择您想要在顶部放置的

div

。参见小提琴：

---

您可以使用绝对定位设置这些参数，并更改

z-index

，以选择您想要在顶部显示的

div

。参见小提琴：

---

将包装器div设置为位置：相对；如果使用position:absolute，则内部div将位于顶部的位置；和顶部：0；：）

将包装器div设置为位置：相对；如果使用position:absolute，则内部div将位于顶部的位置；和顶部：0；：）

当你说“在上面”时，你是指它们重叠，而不是一个在另一个上面（二维平面）？还有，为什么你不喜欢像你提到的问题那样把这些

div

s放在另一个

div

中呢？Hello@leigero我正在使用一个库分别创建图像，它在我的div之外创建了一个div。我最终调整了代码，将这些div放在一起。非常感谢。当你说“在上面”时，你是指它们重叠，而不是一个在另一个上面（二维平面）？还有，为什么你不喜欢像你提到的问题那样把这些

div

s放在另一个

div

中呢？Hello@leigero我正在使用一个库分别创建图像，它在我的div之外创建了一个div。我最终调整了代码，将这些div放在一起。非常感谢。没问题。如果您遇到

z-index

与沿路绝对定位的元素冲突，请记住顶部的元素“lower”将呈现在顶部感谢您的提醒我一定要记住！现在无法编辑注释，但“top will render”应为“DOM will render”没有问题。如果您遇到

z-index

与沿路绝对定位的元素冲突，请记住顶部的元素“lower”将呈现在顶部感谢您的提醒我一定要记住！现在无法编辑注释，但“top will render”应为“DOM will render”