用HTML小部件覆盖图像

我有一个小部件的HTML代码，我想把它覆盖到我博客中的图像上。我不确定用什么HTML代码来实现这一点。建议

您完全可以将您的小部件放置在图像顶部，并将它们放在一个容器中，但如果看不到小部件的具体用途，则很难知道

这是一个非常粗糙的例子，有一个图像和一些文本

.集装箱{ 位置：相对位置； } .img-1{ 宽度：300px； } .覆盖{ 位置：绝对位置； 左：10px； 顶部：10px； 背景：黄色； 不透明度：0.8； } 将Div内容置于图像顶部。

---

请分享你迄今为止所做的尝试。我正在努力完成的一个例子可以在这个网站的顶部看到：我有这个小部件的代码，但当然想用我自己的图像复制它。