Javascript 将第二个div浮到第一个div上方

我在

diva

上有一张画布，在

divb

上有一张gif图像。我想做的是隐藏画布而不使用

display:nonediv b

置于

div a

上方进行编码>

我以前通过使用display none隐藏

diva

来实现它。但是现在我希望

diva

留在那里，而

divb

浮在上面

---

这是当前的场景：

您可以

定位

它们都

绝对

，并将z-index设置为

.b

.a、.b{
保证金：0自动；
宽度：200px；
高度：30px；
文本对齐：居中；
}
.a{
边框：1px纯红；
位置：绝对位置；
}
.b{
边框：1px纯绿色；
位置：绝对位置；
z指数：1；
}
.集装箱{
宽度：300px；
高度：200px；
边框：1px实心#000；
}
克斯特拉先生{
宽度：100%；
高度：150像素；
背景：#000；
}

a组
b组

您可以

定位它们两个
绝对值
，并将z-index设置为
.b


.a、.b{
保证金：0自动；
宽度：200px；
高度：30px；
文本对齐：居中；
}
.a{
边框：1px纯红；
位置：绝对位置；
}
.b{
边框：1px纯绿色；
位置：绝对位置；
z指数：1；
}
.集装箱{
宽度：300px；
高度：200px；
边框：1px实心#000；
}
克斯特拉先生{
宽度：100%；
高度：150像素；
背景：#000；
}

a组
b组
使用div a上的绝对位置进行尝试。注意

margin: 0 auto; 

在这里不行。所以用“左”和“左边距”来解决这个问题

尝试将绝对位置设置在div a上。注意

margin: 0 auto; 

在这里不行。所以用“左”和“左边距”来解决这个问题

我会将您想要堆叠的两个元素包装在一个容器div中，并将
div.b
绝对放置在
div.a
上方


.a、.b{
宽度：200px；
高度：30px；
文本对齐：居中；
}
.包裹{
位置：相对位置；
保证金：0自动；
宽度：200px；
高度：30px；
}
.a{
边框：1px纯红；
背景：红色；
}
.b{
边框：1px纯绿色；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
背景：蓝色；
}
.集装箱{
宽度：300px；
高度：200px；
边框：1px实心#000；
}
克斯特拉先生{
宽度：100%；
高度：150像素；
背景：#000；
}

a组
b组
我会将您想要堆叠的两个元素包装在一个容器div中，并将
div.b
绝对放置在
div.a
上方


.a、.b{
宽度：200px；
高度：30px；
文本对齐：居中；
}
.包裹{
位置：相对位置；
保证金：0自动；
宽度：200px；
高度：30px；
}
.a{
边框：1px纯红；
背景：红色；
}
.b{
边框：1px纯绿色；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
背景：蓝色；
}
.集装箱{
宽度：300px；
高度：200px；
边框：1px实心#000；
}
克斯特拉先生{
宽度：100%；
高度：150像素；
背景：#000；
}

a组
b组