Html 段落下方/后面放置的透明图像

我试图创建一个简单的网页，有一个侧边栏和一个主体。在正文中，我有一些段落。在其中两个段落中，我希望在段落下面/后面出现一个透明的图像。图像不是背景的一部分。我希望能够调整图像的大小和位置（相对于段落）以及图像的透明度，而不影响主体的设置（例如，文本不透明度、宽度等）

---

我一直在谷歌上搜索，但我找不到任何接近我希望实现的目标。我没有一个例子。任何帮助都将不胜感激。

我的理解是，您希望在文本后面显示图像。更改图像的不透明度时，文本不受影响。下面是一个简单的代码，我建议您尝试一下

<div class="main-container">
<div class="img-behind-text">
<div class="text-upon-image">
<h1> your text here </h1>
</div>
</div>
</div>

并进一步包括您的样式，设置图像/分区的位置

---

这就是你想要的吗？如果你不明白，你可以在谷歌上评论或尝试搜索这些术语

。带背景的段落{
位置：相对位置；
}
.带有bg:：before的段落{
内容：''；
位置：绝对位置；
顶部：0；右侧：0；底部：0；左侧：0；
背景：url（“https://source.unsplash.com/random/200x150"); 
不透明度：.15；
z指数：-1000；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

你能给出你想要的代码和UI模型吗？分享你的代码和你尝试过的代码。关键词是

位置：绝对
/
位置：固定
。请先自己尝试，至少写一个简单的例子。这会改变图像的不透明度，但也会改变文本的不透明度。@BrittK请检查一下，我已经在左下角设置了文本的背景色，请尝试更改.container img的不透明度{opacity:0.3；}设置为0，然后检查文本不透明度是否改变，但背景图像不透明度是否改变我不确定这是否正是我想要的。很抱歉我不希望图像填充段落所在的整个背景，背景图像。你的代码不是给了我一个背景图像，而不是放在文本下的图像（但仍然在背景上）？我不得不根据自己的喜好改变一些东西，但这成功了。谢谢！：）实际上，有一个问题：您必须放大才能看到它，但是背景图像会稍微改变图像正上方文本的颜色（或不透明度？）。我必须放大相当一点才能看到它。@BrittK你可以尝试添加
z-index:-1000如果它可视化了您想要的内容。因为图像肯定会影响段落的视觉效果，这有点像对比度。
.img-behind-text{backgroud:url("image.png"); opacity:"0.5";}