在CSS中，您可以使用position屬性將焦點(diǎn)圖放置在圖片上，以下是一個(gè)簡單的示例，展示了如何實(shí)現(xiàn)這一功能：

1、您需要在HTML中創(chuàng)建一個(gè)包含焦點(diǎn)圖的元素，

<div class="image-container">
  <img src="path-to-your-image.jpg" alt="Background Image">
  <div class="focus-image">
    <img src="path-to-your-focus-image.png" alt="Focus Image">
  </div>
</div>

2、在CSS中設(shè)置樣式，使焦點(diǎn)圖位于圖片的中心：

.image-container {
  position: relative;
  width: 500px; /* 您可以根據(jù)需要設(shè)置寬度 */
  height: 300px; /* 您可以根據(jù)需要設(shè)置高度 */
}
.focus-image {
  position: absolute;
  top: 50%; /* 將焦點(diǎn)圖放置在圖片的中心 */
  left: 50%; /* 將焦點(diǎn)圖放置在圖片的中心 */
  transform: translate(-50%, -50%); /* 進(jìn)一步調(diào)整位置 */
}

在這個(gè)示例中，position: relative;用于設(shè)置圖片容器的位置，而position: absolute;則用于設(shè)置焦點(diǎn)圖的位置，通過top和left屬性，您可以控制焦點(diǎn)圖在圖片上的具體位置。transform: translate(-50%, -50%);用于微調(diào)焦點(diǎn)圖的位置，使其更加***。