您好我有兩個背景是這樣一個div：動畫兩個背景在一個div

<div class="colCenter" style="height: 750px; top: -25px; width: 72%; left: 18%; background-image: url('img/sfondi/portfolio.jpg'), url('img/sfondi/servizi.jpg');background-position: 0px 0px, 0px -1440px;"> 
</div>

如果後點擊我嘗試動畫這是行不通的，爲什麼？這裏是我的代碼：

$(".colCenter").on("click", function() { 
    $(".colCenter").animate({ 
      'backgroundPositionY': '1440px 0px' 
    }, 1500, 'linear'); 
});

在有生我已經嘗試：'background-position': '0 1440px, 0 0px'和'backgroundPositionY': '1440px, 0px'

我在Firefox16工作比在一個div背景，更是支持

來源

2012-10-30 Alessandro Minoccheri

什麼是「它不工作」？瀏覽器控制檯中是否有錯誤？檢查它...請 – mtk

在螢火蟲沒有錯誤，它不會移動，很奇怪 –

而不是動畫'背景位置'，我會動畫的內部div的頂部和左'與所需的背景。更容易，並保證工作。 – darksky

爲什麼？

指出：

所有動畫屬性應該爲動感的單個數字值

多背景需要多個數值。 jQuery不會「理解」你所請求的動畫。

那麼，怎麼樣？

搜索解釋您想要做的動畫的jquery插件。

- 或 -

根據用例，使用CSS3動畫，而不是jQuery的。

- 或 -

動畫手動使用JavaScript（定期設置背景位置，線性插值是不是很難做到）

來源

2012-10-30 15:43:17 Roman

動畫兩個背景在一個div

回答

爲什麼？

那麼，怎麼樣？

相關問題