在列表项上方更改列表项背景图片？

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无法找出当前悬停项目的“上方”。