CSS懸停顯示另一張圖片，是指鼠標在頁面上懸停時，會顯示一個與原圖片不同的圖片。

代碼如下：
HTML部分：
<div class="image-container">
<img src="original-image.jpg" alt="原圖片">
<img src="hover-image.jpg" alt="懸停圖片" class="hover-image">
</div>
CSS部分：
.image-container {
position: relative;
display: inline-block;
}
.hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s;
}
.image-container:hover .hover-image {
opacity: 1;
}

其中，原圖片和懸停圖片都被包含在一個div容器中，使用position屬性使容器變成相對定位或絕對定位，使懸停圖片脫離文檔流，可以在hover時覆蓋于原圖片之上。使用opacity屬性，將懸停圖片的透明度設置為0，即完全透明，而hover時將opacity屬性設為1，即完全不透明，實現(xiàn)懸停時圖片的切換。

通過使用CSS懸停顯示另一張圖片的方法，可以為圖片添加更多的交互性和美觀性，增強用戶體驗。