使用JQuery动画的Ken Burns效果不适用于Firefox和Opera

Question

我正在尝试使用JQuery实现Ken Burns（平移和放大图片），但这不适用于Firefox（12.0）和Opera：

 var endCss = {
     'background-position-x': '-20px',
     'background-position-y': '-200px',
     'background-size': '1100px'
 };
 var frame = $('#myid');
 frame.animate(endCss, 1000);

背景大小确实会改变，但不会改变位置。

是否有人可以判断我是在做错事还是我在错误面前？

PS：这在Chrome和Safari中运行良好

Answer 1

Firefox和Opera不支持background-position-x或background-position-y - 这些都不是规范。

不确定这是否有帮助，因为您可能希望在每一步中同时更改x和y，但这里有一个相当丰富的答案：Animate background position y in Firefox with Jquery