在CSS中，我們可以使用多種方法將懸浮的li元素顯示圖片，以下是一種常見的方法：

1、設置li元素的樣式：我們需要設置li元素的樣式，使其能夠顯示圖片，這通常涉及到設置元素的背景圖片或者內容圖片。

li {
    background-image: url('path_to_image.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

或者，我們可以將圖片作為li

li {
    list-style-image: url('path_to_image.jpg');
}

2、設置li元素的懸浮樣式：我們需要設置li元素在懸浮狀態(tài)下的樣式，這可以通過使用:hover偽類來實現：

li:hover {
    background-image: url('path_to_image_on_hover.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

或者，如果我們將圖片作為內容：

li:hover {
    list-style-image: url('path_to_image_on_hover.jpg');
}

3、應用樣式：我們需要將上述樣式應用到具體的HTML元素上，如果我們有一個列表元素ul，我們可以這樣應用樣式：

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

通過這種方法，我們可以實現當鼠標懸浮在li元素上時，圖片會發(fā)生變化的效果，這種方法不僅適用于列表元素，還可以應用于其他任何可以使用CSS樣式的HTML元素。