CSS中可以使用position屬性將文字疊加在圖片上，具體步驟如下：

1、創(chuàng)建一個包含圖片和文字的HTML結構，可以使用img標簽添加圖片，使用span或div標簽添加文字。

2、將圖片和文字添加到同一個容器中，例如一個div元素中。

3、使用CSS設置容器中的圖片和文字的位置，可以將圖片設置為***定位（absolute positioning），然后將文字設置為相對定位（relative positioning），以便文字能夠疊加在圖片上。

4、調整文字的顏色、字體大小等樣式，以確保文字能夠清晰地顯示在圖片上。

以下是一個示例代碼：

HTML：

<div class="image-with-text">
  <img src="image.jpg" alt="Background image">
  <div class="text-overlay">This is some overlay text</div>
</div>

CSS：

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}

在這個示例中，我們將圖片設置為***定位，并將其大小設置為與容器相同，我們將文字設置為相對定位，并將其大小設置為與容器相同，我們設置文字的顏色和字體大小，以便能夠清晰地顯示在圖片上。