在CSS中，您可以使用***定位（absolute positioning）來使圖標浮動在圖片上，以下是一個簡單的示例，展示了如何實現(xiàn)這一功能：

您需要在HTML中創(chuàng)建一個包含圖標和圖片的容器。

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

在這個示例中，div元素是容器，img元素是背景圖片，而i元素是圖標。

在CSS中設置***定位：

.image-container {
    position: relative; /* 相對定位，使圖標相對于此容器定位 */
    width: 300px; /* 您可以根據(jù)需要設置容器的寬度 */
    height: 200px; /* 您可以根據(jù)需要設置容器的高度 */
    background-image: url('path-to-your-image.jpg'); /* 設置背景圖片 */
}
.icon-class {
    position: absolute; /* ***定位，使圖標可以浮動在圖片上 */
    top: 50px; /* 圖標距離容器頂部的距離 */
    left: 50px; /* 圖標距離容器左邊的距離 */
    font-size: 30px; /* 設置圖標的大小 */
    color: white; /* 設置圖標的顏色 */
}

在這個CSS示例中，.image-container元素設置為相對定位，這樣圖標就可以相對于它進行定位。.icon-class元素設置為***定位，使其可以浮動在圖片上，通過top和left屬性，您可以調(diào)整圖標在圖片上的位置。

這種方法可以很容易地使圖標浮動在圖片上，并且可以通過調(diào)整CSS屬性來定制圖標的位置和樣式，希望這個示例對您有所幫助！