在列表項上方更改列表項背景圖片？

Question

我有一個簡單的HTML無序列表項。我正在使用CSS將背景圖像應用於列表項。我想要做的是更改鼠標指向的項目上的所有列表項上的背景圖像。

例如： 如果我將鼠標指向列表項＃3，則項目1和2應該更改背景圖像。

有沒有一種聰明的方法來做到這一點在CSS或我需要JavaScript來使這項工作？

Answer 1

你可以做這樣的事情用jQuery

var img = "//image"; 

$('#tester li').hover(function(){ 
    $(this).prevAll().css('background-image','url(' + img + ')'); 
    }, 
    function(){ 
     $(this).prevAll().css('background-image','none'); 
    } 
); 

例子：因爲你想要的一定數目的列表中的項目的http://jsfiddle.net/jasongennaro/xZpdD/1/

Answer 2

改變，這將是動態的。 這意味着您需要使用JavaScript，因爲CSS無法找出當前懸停項目的「上方」。