在CSS中，您可以使用***定位（absolute positioning）來(lái)在圖片上層添加文字，以下是一個(gè)簡(jiǎn)單的示例：

您需要一個(gè)包含圖片和文字的HTML結(jié)構(gòu)，這里是一個(gè)簡(jiǎn)單的示例：

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

您可以使用CSS來(lái)定位文本疊加層，以下是一個(gè)示例：

.image-with-text {
  position: relative; /* 使得***定位的子元素相對(duì)于此元素進(jìn)行定位 */
  width: 300px; /* 您可以根據(jù)需要設(shè)置圖片的寬度 */
  height: 200px; /* 您可以根據(jù)需要設(shè)置圖片的高度 */
}
.text-overlay {
  position: absolute; /* ***定位使得元素可以覆蓋在圖片上層 */
  top: 0; /* 文本疊加層的頂部與圖片頂部對(duì)齊 */
  left: 0; /* 文本疊加層的左側(cè)與圖片左側(cè)對(duì)齊 */
  width: 100%; /* 文本疊加層寬度占滿(mǎn)整個(gè)圖片寬度 */
  height: 100%; /* 文本疊加層高度占滿(mǎn)整個(gè)圖片高度 */
  background-color: rgba(255, 255, 255, 0.5); /* 設(shè)置文本疊加層的背景顏色為白色，并設(shè)置透明度為0.5 */
  padding: 10px; /* 設(shè)置文本疊加層內(nèi)部的填充 */
  box-sizing: border-box; /* 確保填充不會(huì)增加文本疊加層的大小 */
}

在這個(gè)示例中，文本疊加層被設(shè)置為***定位，并放置在圖片的頂部和左側(cè)，它的寬度和高度都設(shè)置為100%，以確保它覆蓋整個(gè)圖片，我們還設(shè)置了一些樣式，如背景顏色和填充，以增強(qiáng)文本的顯示效果。