использование background-position для распределения фона по нескольким элементам

Question

Так что я работаю, что должно быть отличный эффект.У меня куча li ростом 40px.Я хочу, чтобы фоновое изображение отображалось так, чтобы верхние 40 пикселей были фоном для первого li, следующие 40 пикселей - фоном для второго ... и т. Д. И т. Д.

в настоящее время это будет толькопоказать верхнюю часть изображения, я не могу увеличить 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/

Answer 1

Вам не хватает пробела

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

Answer 2

JS Fiddle http://jsfiddle.net/wz2qx/5/