CSS的鼠標移上出現圖片功能是網頁設計中常用的效果之一，通過CSS的:hover偽類和background屬性可以實現。以下是一個簡單的案例：

img {
display: none;
}
div:hover img {
display: block;
position: absolute;
}
div {
width: 200px;
height: 200px;
background-image: url('https://example.com/image.jpg');
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

首先，我們使圖片的顯示狀態為none，即不顯示。當鼠標mouseover一個div元素時，img元素的display屬性就變成了block，即顯示在div上方。需要注意的是，在這個例子中，img元素的父元素是div，并且我們給div設了一個position:relative屬性，這意味著img的默認position屬性是absolute，這樣才能在div的上方顯示。

同時，我們還需要給div元素設定一個背景圖片，并且使它適配div的大小。這樣才能讓圖片完全覆蓋div，達到鼠標移上出現圖片的效果。

這只是CSS鼠標移上出現圖片的一種簡單方式，更多的實現方式還有很多。可以根據實際需求和設計風格選擇不同的方法。