css布局中怎么让文字显示在图片上

在CSS布局中，您可以使用position属性和z-index属性来控制文本和图像的显示位置。首先，将图像放在一个相对定位的div中，然后将文本放在一个绝对定位的div中，并使用z-index属性将文本层置于图像层之上。下面是一个示例代码：

HTML代码：

<div class="image-container">
  <img src="your-image-url" alt="your-image-alt">
  <div class="text-container">
    <p>Your text goes here</p>
  </div>
</div>

CSS代码：

.image-container {
  position: relative;
}

.text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

在这个示例中，我们将图像和文本放在一个父容器中，并将父容器设置为相对定位。然后，将文本容器设置为绝对定位，并使用top、left和transform属性将文本容器置于图像的中心。最后，通过设置z-index属性将文本容器置于图像层之上。