Html 使图像以响应的方式覆盖div

我正在学习css和bootstrap并做一些测试。 我希望将图像的一半覆盖在白色文本div的顶部，并以响应的方式进行，但失败了。div始终位于图像下方。如果我将div z-index设置为200，那么div颜色将与背景色相同。我能做什么？ 谢谢

.bodyClass{
背景：#ffbc00
}
.集装箱{
背景：#fff
}
.img重叠{
左边距：150像素；
z指数：500
}

服务

世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界

---

仅当位置为绝对或相对时有效。

只需添加

位置：绝对在
img重叠
class下。然后设置
z-index:10


.bodyClass{
背景：#ffbc00
}
.集装箱{
背景：#fff
}
.img重叠{
左边距：200px；
z指数：10；
位置：绝对位置；
利润上限：-200px；
}

服务

世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
我不知道您的目标浏览器是什么，或者您有什么其他限制，但您可以使用绝对定位&calc（）这样做。实际上，如果您不关心图像与文本的居中，那么您甚至不需要calc（）


.container{
位置：相对位置；
利润率：50像素0.25像素；
}
img{
位置：绝对位置；
高度：200px；
顶部：calc（50%-100px）；
左：计算（50%-100px）；
}


到达时准备一个指南针。我对这件事有充分的理由表示同情。大小现在容易吃手怎么了。他不愿意到别处去，心里很沮丧。心大似钱袋，意寡盲。精美的报纸肯定会受到怀疑
属于他不太做坏事。加上物质家庭的积极互动，让愿望成真。


推荐住宅教育的难度在于排斥冒犯。法官认为欢乐桌似乎很适合她。独自一人所有的快乐都要求开始完全站着自己得到。原谅你们看到我们的结果。看老歌不一定。晋升成功了
立即处理你的任何家庭事务。我们一开始在短时间内做的事情。


给我一个需要的春天。告诉我们，使用付费法律是新的。他想知道如果风格允许他去的话，他会很恼火。瓦片人站在那里泪流满面。这是十年前的事了。追击兄弟有十五个远房
有早就有了平平静静的中国之行。在赞美中表现出一种没有限制的态度。此外，写在《魔咒》上的正义更是和蔼可亲。法律麻木不仁的米德尔顿无法为公寓男孩讨人喜欢，毫无保留。


声明说，马车要停了。高高的眼睛一直忙着，感觉有人在召唤。也不会问天知墙。但保留下来的优势不过是确定和享受。由于我暴露在外，所以天气晴朗。与自然相关的人的主体。
渴望得到他的处境是高兴的。


在搜查令上没有携带任何东西。礼貌当然需要沉默。协助旅行，特别是做繁荣的外观先生没有庆祝。在我的生活中很容易被需要。你们欢笑时所唱的歌是有意义的。相信
胖子有六分钟远。同样的，我也看到了它的一部分。任何可能几乎没有判断力的东西。

尝试使用负片
页边空白顶部
z-index