如何在html 5中的其他背景图像之上的图像上显示文本



我有一个背景图像,在它上面有一个我想显示文本的其他图像。我把背景图像和其他图像的位置都设置为绝对。我从其他网站上查到,如果你想在图像上面显示文本,你必须把图像的位置设置为相对位置,把文本的位置设置成绝对位置,但在我的情况下,如果我把图像的位置设置为相对的,而不是绝对的,我的整个背景会受到干扰。这是我的网站图像,我想在圆形图片上显示我的文本

尝试使用<figure>标记设置<figcaption>位置,如下例所示。

<figure>
  <img src="img.jpg" alt="The Pulpit Rock">
  <figcaption style="position: relative; top: -36px;"> 
    Text on the image
  </figcaption>
</figure>

最新更新