带有 JQuery animate 的 Ken Burns 效果不适用于 Firefox 和 Opera答案

【问题标题】：Ken Burns effect with JQuery animate doesn't work with Firefox and Opera带有 JQuery animate 的 Ken Burns 效果不适用于 Firefox 和 Opera
【发布时间】：2012-05-30 09:48:22
【问题描述】：

我正在尝试使用 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 中运行良好

【问题讨论】：

标签： jquery firefox

【解决方案1】：

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

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

【讨论】：

感谢您的提示，我认为它已被处理，因为“背景位置”是。