Javascript 在angularJS中，将文本区域或文本重叠在图像HTML、CSS上

我正在为这项研究创建一个网站

当我创建文本区域和一些表单时

我不知道如何重叠图像和文本

这是下面我想做的一个例子

如何将文本区域或文本重叠在图像上，如上传的图像

谢谢

<div class = "container">
   <img src = '/assets/img/Iphone.png' alt="Snow" width = "300" height = "530" style = "margin-top: -1300px; margin-left:-200px">
   <div class="centered" style = "margin-top: -800px; margin-left: -10px; padding: 10px;" src = '/assets/img/Iphone.png'>hello</div>
</div>  

你好

---

作为第二个示例，我想为“hello”创建一个背景色。

将元素放置在父元素的右下角

.wrapper{
位置：相对位置；
宽度：100%；
高度：200px；
}
.包装器文本区域{
宽度：100%；
身高：100%；
}
.包装纸.柜台{
位置：绝对位置；
底部：0；
右：0；
}

福

不知道你在说什么图像我编辑了我在为它做什么。如果您查看我上传的第二个示例，则在图像上显示蓝色背景的文本。有没有办法在图像上添加背景色？我尝试了style=“background color:blue”，但没有成功：（因此，使用背景图像并按照您想要的方式在其上添加元素。