Jquery Animate 背景图像在悬停时摇摆在 Firefox 中不起作用

Posted 2023-05-08

【中文标题】Jquery Animate 背景图像在悬停时摇摆在 Firefox 中不起作用

【英文标题】：Jquery Animate Background Image Sway On Hover Not Working In Firefox

【发布时间】：2012-06-13 23:14:08

【问题描述】：

我对 jQuery 或 javascript 一点儿也不了解。然而，我非常擅长用 html、CSS 和一些基本的 php 进行编码。

我已经努力了太多小时来编写一个小代码块，该代码块可以在悬停/关闭悬停时为背景图像设置动画。

我现在看到它在 Firefox 中不起作用，因为据说 FF 不接受 background-position-y（或 x？）。

我已经尽可能多地阅读了这里，但我似乎无法实施以前帖子中建议的任何修复。

这是一个工作示例：http://jsfiddle.net/jmarcello/3TGTB/26/ 在这里也可以看到直播：http://www.buenolisto.com/alma

任何帮助将不胜感激。如果有人能以一种我能理解的简单轻量级方式修改代码并完成工作，我将永远感激不尽。

如果您需要我将代码直接放在这里，请告诉我。

谢谢。

【问题讨论】：

Coupla 的事情-尝试为 DOM 对象分配一个类，而不是使用 jQuery 动态更改 CSS。然后，使用 jQuery 添加/删除类。

【参考方案1】：

完全不同的方法怎么样？

http://jsfiddle.net/Aaqp7/

【参考方案2】：

Firefox 不支持 background-position-x、background-position-y，规范中也不支持 (It got rejected) 您应该考虑 ahren 建议的另一种方法