在CSS中，您可以使用***定位（absolute positioning）來(lái)在圖片上添加div，***定位允許您指定元素在網(wǎng)頁(yè)上的確切位置，因此您可以將其應(yīng)用于div，以便在圖片上顯示。

以下是一個(gè)簡(jiǎn)單的示例，說(shuō)明如何在CSS中使用***定位在圖片上添加div：

HTML代碼：

<div id="image-container">
  <img src="path-to-your-image.jpg" alt="Your Image">
  <div id="overlay">
    <p>Your Text Here</p>
  </div>
</div>

CSS代碼：

#image-container {
  position: relative; /* 相對(duì)定位，使***定位的子元素可以相對(duì)于它進(jìn)行定位 */
  width: 300px; /* 圖像的寬度 */
  height: 200px; /* 圖像的高度 */
}
#overlay {
  position: absolute; /* ***定位，使元素可以在圖像上的確切位置顯示 */
  top: 50%; /* 從頂部開(kāi)始的位置 */
  left: 50%; /* 從左側(cè)開(kāi)始的位置 */
  transform: translate(-50%, -50%); /* 將元素移動(dòng)到中心的技巧 */
  color: white; /* 文本顏色 */
  font-size: 24px; /* 字體大小 */
}

在這個(gè)示例中，我們首先創(chuàng)建了一個(gè)包含圖像和div的容器，我們使用CSS的相對(duì)定位（relative positioning）來(lái)使容器可以容納***定位的子元素，我們將div設(shè)置為***定位，并使用top和left屬性來(lái)指定其在圖像上的位置，我們使用transform屬性來(lái)將div移動(dòng)到其容器的中心。