您好我有两个背景是这样一个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

回答

为什么？

那么，怎么样？

相关问题