Html 图像未与其他图像正确重叠

我的输出是

但我希望下半部图像与上半部图像完全一致，从而创建一个单一的图像印象，其中下半部为下半部图像，上半部为上半部图像。 编辑：我想要：

我的html代码：

.shamne{
宽度：50%；
位置：相对位置；
排名：0；
左：0；
}
皮肯先生{
宽度：50%；
位置：绝对位置；
顶部：0px；
左：20px；
}

---

以下是您可以查看的内容：

游手好闲

.row{
高度：300px；
宽度：300px；
位置：相对位置；
}
沙姆先生{
宽度：100%；
身高：100%；
边框：3件纯蓝；
}
皮肯先生{
宽度：100%；
高度：100px；
位置：绝对位置；
底部：0；
左：0；
边框：3倍纯红；
}

---

以下是您可以查看的内容：

游手好闲

.row{
高度：300px；
宽度：300px；
位置：相对位置；
}
沙姆先生{
宽度：100%；
身高：100%；
边框：3件纯蓝；
}
皮肯先生{
宽度：100%；
高度：100px；
位置：绝对位置；
底部：0；
左：0；
边框：3倍纯红；
}

使用两个位置作为

位置：绝对

并且对于第二个图像选择比第一个高的z索引，希望它能工作

使用两个位置作为

位置：绝对

并且对于第二个图像选择比第一个高的z索引，希望它能工作

嘿，伙计，谢谢回复。但不幸的是，我无法解决你的问题。我觉得我没有把我想要的说清楚。这就是我想要的-？@MainulHossain，我正在使用我的办公室笔记本电脑，图像被阻止了，所以你能直接将图像添加到问题中吗？请检查，我已经添加了我想要的want@MainulHossain现在检查答案，虽然我没有实际图像，但代码功能保持不变，你只需要更换图像，然后到处玩。嘿，伙计，是的，它成功了！我得到了你和另一个线程的帮助，将它们结合起来，得到了我想要的，非常感谢。嘿，伙计，谢谢你的回复。但不幸的是，我无法解决你的问题。我觉得我没有把我想要的说清楚。这就是我想要的-？@MainulHossain，我正在使用我的办公室笔记本电脑，图像被阻止了，所以你能直接将图像添加到问题中吗？请检查，我已经添加了我想要的want@MainulHossain现在检查答案，虽然我没有实际图像，但代码功能保持不变，你只需要更换图像，然后到处玩。嘿，伙计，是的，它成功了！我得到了你和另一个线程的帮助，将它们结合起来，得到了我想要的，非常感谢。嘿，伙计，谢谢你的回复。但不幸的是，我无法解决你的问题。我觉得我没有把我想要的说清楚。这就是我想要的——ibb.co/47XVPz6hey-man，谢谢你的回复。但不幸的是，我无法解决你的问题。我觉得我没有把我想要的说清楚。这就是我想要的——ibb.co/47XVPz6