CSS中，可以使用z-index屬性來(lái)設(shè)置圖片的層級(jí)，從而實(shí)現(xiàn)將圖片置于頂層的效果。

我們可以給圖片所在的元素設(shè)置一個(gè)較高的z-index值，這樣該元素就會(huì)位于其他元素之上，如果我們有一個(gè)名為image-container的圖片容器，可以這樣寫：

.image-container {
  z-index: 999;
}

這樣，image-container中的圖片就會(huì)位于其他元素之上，注意，z-index值越高，元素的層級(jí)就越大。

我們還需要注意圖片的顯示順序，在HTML中，后出現(xiàn)的元素會(huì)覆蓋先出現(xiàn)的元素，我們需要將圖片容器放在需要覆蓋的元素之后。

<div class="other-content">Some other content...</div>
<div class="image-container">Some image...</div>

這樣，圖片就會(huì)覆蓋在other-content之上。

需要注意的是，z-index屬性只對(duì)定位元素（即position屬性為relative、absolute、fixed或sticky的元素）有效，我們需要確保圖片容器具有定位屬性。

通過(guò)CSS的z-index屬性和HTML元素的顯示順序，我們可以輕松地實(shí)現(xiàn)將圖片置于頂層的效果。