在CSS中，可以使用position屬性將圖片和文字疊加在一起，將圖片作為背景圖像，然后使用position屬性將文字定位在圖片上。

以下是一個簡單的示例，展示如何將圖片和文字疊加在一起：

HTML代碼：

<div class="image-with-text">
  <img src="path-to-image.jpg" alt="Background image">
  <div class="text-overlay">
    <p>This is some text that will overlay the image.</p>
  </div>
</div>

CSS代碼：

.image-with-text {
  position: relative;
  width: 500px;
  height: 300px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
}

在上面的示例中，首先創(chuàng)建一個image-with-text容器，該容器包含圖片和文字，將圖片作為背景圖像，并將文字定位在圖片的中心位置，通過使用position屬性，可以將文字定位在圖片的任何位置，還可以調(diào)整文字的樣式，如顏色、字體大小和透明度等。

這只是一個簡單的示例，您可以根據(jù)自己的需求進行調(diào)整和擴展，也可以參考其他CSS教程和文檔，了解更多關(guān)于CSS圖片和文字疊加的方法和技術(shù)。