jquery - 带有 JQuery animate 的 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-xor background-position-y- 这些不是规范。

不确定这是否会有所帮助，因为您可能希望在每个步骤中都进行更改x，y但这里有一个信息丰富的答案：Animate background position y in Firefox with Jquery