使用背景位置傳播背景橫跨多個項目

所以我正在工作什麼應該是一個漂亮的效果。我有一堆高度爲40px的li。我想要一個背景圖像顯示，以便頂部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/

來源

2011-05-19 Zach Lysobey

在你的jsfiddle，確保創建的選擇，以配合您正在搜索的選擇對於。 – 2011-05-19 17:51:47

你缺少空間

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

來源

2011-05-19 17:48:42 jerone

當你做的時候發現它是正確的！謝啦 – 2011-05-19 17:50:01

JS小提琴http://jsfiddle.net/wz2qx/5/

來源

2011-05-19 17:59:45 pixelbobby

使用背景位置傳播背景橫跨多個項目

回答

相關問題