在CSS中，我們可以使用position屬性將文字疊加在圖片上，我們需要創(chuàng)建一個包含圖片和文字的HTML結(jié)構(gòu)，圖片作為背景，文字則通過CSS樣式進行定位并疊加在圖片上。

HTML結(jié)構(gòu)如下：

<div class="image-with-text">
  <img src="path-to-your-image.jpg" alt="Background image">
  <div class="text-overlay">Your text here</div>
</div>

CSS樣式如下：

.image-with-text {
  position: relative; /* 創(chuàng)建一個新的堆疊上下文 */
}
.text-overlay {
  position: absolute; /* 將文字定位在圖片上 */
  top: 0; /* 文字的頂部與圖片頂部對齊 */
  left: 0; /* 文字的左邊與圖片左邊對齊 */
  color: white; /* 文字顏色為白色 */
  font-size: 24px; /* 文字大小為24像素 */
}

在這個例子中，我們首先將image-with-text元素的position屬性設(shè)置為relative，以創(chuàng)建一個新的堆疊上下文，我們將text-overlay元素的position屬性設(shè)置為absolute，并將其top和left屬性設(shè)置為0，以將文字定位在圖片的左上角，我們還設(shè)置了文字的顏色和大小。

通過這種方式，我們可以輕松地在圖片上添加文字，并控制文字的位置和樣式。