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

时间:2012-05-23 19:50:00

标签: jquery firefox

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

1 个答案:

答案 0 :(得分:1)

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

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