如何使用内联块属性在背景图像下放置文本

Question

你好我想把文字放在背景图片下面。像这里我想要并排放置两个背景图像，每个图像下面我想放置文本。我有一个div类，它有样式内联块属性。所以我如何借助或使用内联块属性来做到这一点。我尽可能多地解释了我的问题。如果可能的话请通过我的小提琴链接。我试过这个属性，但文字重叠在图像上我想要在图像下面也检查类似的问题没有人用背景图像所以请检查我的代码我在试用评论框中给出了什么。请帮我谢谢。 :)

Answer 1

我希望这就是你在寻找的地方。

以下是更新小提琴的链接： Fiddle

如果您将背景颜色更改为图像，它仍然可以正常工作

我简单地补充道：

.imgcontainer p {
  position: relative;
  bottom: -90px;
  max-width: 100px;
}

到段落

Answer 2

您尚未在imgcontainer中为段落标记设置css属性。

在我的小提琴中，我添加了以下内容：

.imgcontainer p {
  position: relative;
  top: 100px;
}

我还在两张背景图片中添加了background-size。我使用background-size: cover;（我将图片网址替换为我网站上图片文件夹中的图片网址）

https://jsfiddle.net/RachGal/f0fsLd2h/：小提琴