使用背景位置在多个项目之间传播背景

时间:2011-05-19 17:44:54

标签: jquery background-image css-sprites background-position

所以我正在工作应该是一个很好的效果。我有一堆li的身高40px。我希望显示一个背景图像,以便前40px是第一个li的背景,下一个40px是第二个的背景......等等......

目前它只显示图片的顶部,我无法让bgCount增加...有什么建议吗?

        var bgCount = 0;
        $('li').each(function(i) {                
           $(this).css('background-image', 'url(forground.jpg)');
           $(this).css('background-position', '0px' + bgCount + 'px');
           bgCount += 40;
        });

JSfiddle:http://jsfiddle.net/yZDDK/4/

2 个答案:

答案 0 :(得分:2)

你错过了一个空间

       $(this).css('background-position', '0px ' + bgCount + 'px');
                                              ^

答案 1 :(得分:0)