如何在HTML中将一个图像放置在另一个图像之上

如何在HTML/CSS中实现这一点？（请查看图片）

---

以下是我为我的网站所做的工作（它与实际代码几乎没有变化，因此CSS中有很多无用的东西。）您只需复制/粘贴此文本并插入图像的URL即可

.1分部{
边框样式：隐藏；
背景图片：url（“yourmage.jpg”）；
背景色：红色；
背景大小：100%100%；
位置：绝对位置；
右：0px；
左：0px；
排名前10%；
z指数：-2；
填充：10%；
边际：0px；
}
.第2分部{
位置：相对位置；
最高：50%；
背景色：rgba（153194255,0.8）；
z指数：1；
右边填充：50px；
左侧填充：50px；
高度：300px；
宽度：60%；
最小宽度：300px；
保证金：自动；
}
.myText{
保证金：自动；
填充：50px；
文本对齐：居中；
字号：1.5em；
字体系列：Verdana，无衬线；
宽度：80%；
身高：100%；
}
嘿

欢迎来到堆栈溢出。请复习。这不是一个代码编写服务，-我们希望您已经研究了您的问题，并尝试自己编写代码。如果你在某个特定的问题上遇到了困难，请回来，在一个页面中包含你尝试过的内容和相关代码的摘要，以便我们提供帮助。你为什么不看看该页面的HTML和CSS，并了解它们是如何做到的呢？HTML+CSS最好的一点是每个人都有自己的源代码可供检查。