<img src="image.jpg" alt="描述图像的文字">

<div class="image-container">
  <img src="image.jpg" alt="描述图像的文字">
  <p class="image-text">要添加的文本内容</p>
</div>

.image-container {
  position: relative; /* 设置容器为相对定位 */
}

.image-text {
  position: absolute; /* 设置文本为绝对定位 */
  bottom: 10px; /* 设置文本距离容器底部的距离 */
  left: 10px; /* 设置文本距离容器左侧的距离 */
  color: white; /* 设置文本颜色 */
  background-color: rgba(0, 0, 0, 0.5); /* 设置文本背景颜色和透明度 */
  padding: 5px; /* 设置文本内边距 */
  font-size: 12px; /* 设置文本字体大小 */
}