在CSS中，您可以使用***定位將小圖標(biāo)放置在圖片上，以下是一個簡單的示例，展示了如何實現(xiàn)這一功能：

您需要在HTML中創(chuàng)建一個包含圖片和小圖標(biāo)的元素。

<div class="image-with-icon">
  <img src="path-to-your-image.jpg" alt="Background Image">
  <i class="fa fa-camera-icon"></i>
</div>

在這個示例中，我們假設(shè)您正在使用Font Awesome庫來顯示圖標(biāo)，如果您使用的是其他圖標(biāo)庫或自定義圖標(biāo)，請相應(yīng)地調(diào)整i標(biāo)簽的類名。

在CSS中設(shè)置樣式，將小圖標(biāo)放置在圖片的中心：

.image-with-icon {
  position: relative;
  width: 300px; /* 您可以根據(jù)需要設(shè)置圖片和圖標(biāo)的大小 */
  height: 200px; /* 您可以根據(jù)需要設(shè)置圖片和圖標(biāo)的大小 */
}
.image-with-icon img {
  width: 100%;
  height: 100%;
}
.image-with-icon i {
  position: absolute;
  top: 50%; /* 將圖標(biāo)放置在圖片的中心 */
  left: 50%; /* 將圖標(biāo)放置在圖片的中心 */
  transform: translate(-50%, -50%); /* 通過transform屬性調(diào)整圖標(biāo)的位置 */
  font-size: 32px; /* 您可以根據(jù)需要設(shè)置圖標(biāo)的大小 */
  color: #ffffff; /* 您可以根據(jù)需要設(shè)置圖標(biāo)的顏色 */
}

在這個CSS示例中，我們首先將.image-with-icon元素設(shè)置為相對定位，然后將其內(nèi)部的img元素設(shè)置為填充整個容器，我們將i元素設(shè)置為***定位，并使用top和left屬性將其放置在圖片的中心，我們通過transform屬性微調(diào)了圖標(biāo)的位置，以確保其在圖片上***對齊，您可以根據(jù)需要調(diào)整圖標(biāo)的大小和顏色。