Блог

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

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

#jquery #background-image #css-sprites #background-position

#jquery #фоновое изображение #css-спрайты #background-position

Вопрос:

Итак, я работаю над тем, что должно дать отличный эффект. У меня есть куча li файлов высотой 40 пикселей. Я хочу, чтобы фоновое изображение отображалось так, чтобы верхние 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 /

Комментарии:

1. В вашем JSFiddle убедитесь, что селекторы созданы в соответствии с селекторами, которые вы ищете.

Ответ №1:

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

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

Ответ №2: