在CSS中，您可以使用position屬性將文字疊加在圖片上，以下是一個(gè)簡(jiǎn)單的示例：

<div class="image-with-text">
  <img src="your-image-url" alt="Your Image">
  <div class="text">Your Text</div>
</div>

您可以在CSS中設(shè)置樣式，使文字顯示在圖片上：

.image-with-text {
  position: relative;
  width: 300px; /* 您可以根據(jù)需要設(shè)置寬度 */
  height: 200px; /* 您可以根據(jù)需要設(shè)置高度 */
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* 確保文字顯示在圖片上面 */
}

在這個(gè)示例中，.image-with-text元素設(shè)置為相對(duì)定位，其內(nèi)部的img元素設(shè)置為填充整個(gè)容器，而.text元素則設(shè)置為***定位，填充整個(gè)容器并顯示在img元素之上。z-index屬性用于控制元素的堆疊順序，確保文字顯示在圖片上面。