Html 文本框重叠图像

我一直在写代码 我希望在图像的中上部显示一个文本框，与图像重叠。 有人能帮我弄清楚吗？ 提前感谢

---

---

你应该在文章中加入HTML和CSS，因为这将有助于其他人向你指出你的错误所在。堆栈溢出不是编码服务。但作为一个受欢迎的礼物，这里有一个关于如何实现这一点的小演示。根据需要调整我的代码

.wrapper{
宽度：300px；
高度：自动；
位置：相对位置；
}
.img{
宽度：100%；
高度：自动；
}
.wrapper.text包装器{
显示器：flex；
证明内容：中心；
调整项目：灵活启动；
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
}
.wrapper.text wrapper.text{
背景色：rgba（250250，.5）；
填充：.5rem1rem；
边界半径：.25rem；
边缘顶部：.5rem；
}

你的文字在这里

请分享您的html和css代码，