如何制作一个 jQuery 背景垂直动画来掩盖过渡以使精灵的外观淡化到下一个位置？我当前的代码（请参阅jsfiddle下面的链接以获取演示）将精灵动画到正确的背景位置，但是当它这样做时，您可以看到精灵从上到下移动，然后回到顶部。
我希望过渡平滑/淡化，以便当您将其悬停时，它会在过渡中淡出。目前，它只是平息。不确定您是否可以制作某种面具或其他东西？我想用精灵来做这件事，我已经知道可以用 2 个单独的图像来做。
这是当前状态的演示：http: //jsfiddle.net/bluetidepro/jNDgT/
这是我想要它的行为方式（但添加了 jQuery 动画）：http: //jsfiddle.net/bluetidepro/jNDgT/1/
如果这没有意义，我可以尝试更好地解释。