Javascript 使用'；背景-position-x'；不'；我不在IE工作

我正在尝试使用

jquery-3.2.1

和

css（）

函数制作动画。该动画在除IE之外的所有浏览器上都可以工作，IE只跳到悬停时的最后一帧，而不是对它们进行动画

$（“.hi”）。悬停(
函数（）{
$（“.hi”）.animateSteps（-3429，-127,37）；
},
函数（）{
$（“.hi”）.animateSteps（0,127,37）；
}
);
$.fn.animateSteps=函数（最终、步骤、持续时间）{
if（typeof t！=“未定义”）清除超时（t）；
var self=$（这是）；
if（parseInt（self.css（'background-position-x'））==final）返回；
css（'background-position-x'，'+='+step+'px'）；
t=设置超时（函数（）{
self.animateSteps（最终、步骤、持续时间）；
}，持续时间）；
}

。您好{
宽度：127px；
高度：120px；
背景图像：url（“https://image.ibb.co/c1L4LF/logo_sprites.png");
背景位置：0px；
}

---

我有好消息和坏消息。坏消息是，我真的不知道问题是什么。好消息是我找到了解决办法

将

backgroundPosition-x

替换为

backgroundPosition

似乎可以奏效。一些调试显示IE一直为

background-position-x

显示空值，但会在DOM资源管理器中显示

backgroundPosition

值

为什么?？我不知道，我读过的所有东西都说IE应该支持

background-position-x

，但我还是没能做到。如果有人知道或猜测这是为什么，请随时插话，因为我很想知道

$（“.hi”）。悬停(
函数（）{
$（“.hi”）.animateSteps（-3429，-127,37）；
},
函数（）{
$（“.hi”）.animateSteps（0,127,37）；
}
);
$.fn.animateSteps=函数（最终、步骤、持续时间）{
if（typeof t！=“未定义”）清除超时（t）；
var self=$（这是）；
if（parseInt（self.css（'backgroundPosition'））==final）返回；
//console.log（self.css（'background-position-x'））；
console.log（self）
css（'backgroundPosition'，'+='+step+'px'）；
t=设置超时（函数（）{
self.animateSteps（最终、步骤、持续时间）；
}，持续时间）；
}

。您好{
宽度：127px；
高度：120px；
背景图像：url（“https://image.ibb.co/c1L4LF/logo_sprites.png");
背景位置：0px；
背景位置x:0px；
}

您能详细说明“不工作”的含义吗？还有，IE的版本是什么？这只是在悬停/鼠标退出时显示动画的第一步和最后一步。IE11开发工具控制台中抛出了什么错误。这将是一个大线索！控制台中没有错误。这和其他浏览器不同，非常感谢。我自己永远也拿不到它。@Oleksii当然可以：）。如果它解决了您的问题，请将答案标记为解决方案，以便具有相同问题的其他人可以找到它