Javascript在Firefox中不起作用

下面的HTML和Javascript有一个应用于后台的缓和函数。它在Chrome、Safari甚至IE中都能正常工作，但在firefox中却不行

有人知道为什么它在FF中不起作用吗

var element=“ele”；
var ease_from=真；
window.onload=函数（）{
变量目标={
x:0,，
y:0
};
变量位置={
x:target.x，
y:目标，y
},
ease=0.2；
document.getElementById（元素）.addEventListener（“mousemove”，函数（事件）{
target.x=event.clientX/5；
target.y=event.clientY/5；
});
更新（）；
函数更新（）{
var vx=针对（（target.x-target.x-target.x）-position.x）*易用性）的易用性：（（target.x-position.x）*易用性）；
var vy=相对于（（target.y-target.y-target.y）-position.y）*轻松）：（（target.y-position.y）*轻松）；
位置x+=vx；
位置y+=vy；
document.getElementById（element.style.backgroundPositionY=position.y+“px”；
document.getElementById（element.style.backgroundPositionX=position.x+“px”；
requestAnimationFrame（更新）；
}
};
html，
身体{
保证金：0；
宽度：100%；
身高：100%；
填充：0；
}
#ele{
背景：url（'hex.jpg'）重复；
宽度：400px；
高度：400px；
左边距：自动；
右边距：自动；
边框顶部：1件纯黑；
边框底部：1px纯黑；
边界半径：50%；
溢出：隐藏；
}
问题的根源不是放松

Firefox不支持backgroundPositionX，但它支持

例如，您可以执行以下操作：

myElement.style.backgroundPosition = position.x + "px "+position.y + "px";

此外，
target
变量需要是全局变量。