在網(wǎng)頁中，有時會需要在鼠標放上去時顯示一張圖片。這個功能可以通過CSS來實現(xiàn)，具體實現(xiàn)方法如下：

/* 首先先隱藏圖片 */
img {
display: none;
}
/* 當鼠標懸浮在目標元素上時顯示圖片 */
.target:hover img {
display: block;
}

上面的代碼中，我們先將圖片的顯示設為none，這樣圖片就不會在網(wǎng)頁上顯示。然后通過:hover選擇器，只要鼠標懸浮在目標元素上，就會使相對應的圖片顯示。

接下來，我們來看一個完整的例子：

在上面的例子中，我們創(chuàng)建了一個容器，并將其定位設為relative。圖片的樣式中，我們將其定位設為absolute，并且設置了top、left、width、height為100%，這樣圖片就能和容器一樣大，并且占據(jù)整個容器。

當鼠標懸浮在容器上時，圖片就會顯示。這個功能在網(wǎng)頁設計中非常實用，能夠為網(wǎng)頁增添一些有趣的效果。