Html 如何覆盖div内部元素？

愿和平与祝福降临在你们身上

基本上，我有：

<div class="container">
  <video class="viddeo"></video>
  <img class="img" src=""/>
</div>

只想覆盖

img

在

video

元素上。 仅供参考：（不能也不想使用

位置：绝对；

）

---

jsiddle:

您可以设置图像

位置：相对

，然后设置

顶部

值，该值与

视频

的

高度

相同，但是

负值

，因为我们需要将

图像标记

移动到

顶部

，如下所示

.container{
高度：200px；
宽度：300px；
背景：黑色；
}
维迪奥先生{
宽度：100%；
高度：150像素；
背景：灰色；
}
.img{
宽度：100%；
高度：150像素；
背景：蓝色；
位置：相对位置；
顶部：-155px；
}

如果不想使用绝对值，可以使用JS吗？但我个人建议使用绝对值。你能告诉我为什么不能使用绝对吗？@Lucian，因为这些元素实际上是用for循环动态创建的，如果你使用

position:absolute

，它也会覆盖所有其他不必要的元素。如果你做了适当的布局并为父元素创建

position:relative

，则不会。为循环中创建的每个元素创建每个父元素