我在使用 jQuery 1.7.1 的 FF10 中遇到了一个奇怪的问题。我有一个可能缩小图像的画廊,其中一些可以从原始尺寸缩小很多。
有时,当我尝试使用 jQuery 为其不透明度设置动画时,图像会“缩放”或跳到一侧。
举个例子,看看其中一个小的,然后将鼠标悬停在上面:http: //jsfiddle.net/ZUWkh/
它可能非常微妙,但是当不透明度被动画化时,您可以看到图像的变化——它似乎只影响缩小到某个点以上的图像,因为在这个例子中我看不到它发生在更大的图像上。
任何想法正在发生什么,以及如何克服它?
我像这样缩放它们只是为了将它们放入画廊中的行中 - 尺寸是用 PHP 计算出来的并且是成比例的。如果有区别,我可以改用 CSS。
更新: 如果您调整浏览器窗口的大小或放大/缩小,问题会发生变化 - 它不会得到解决,但会发生碰撞的图像会发生变化,因此其中一些在之后很好,而一些很好现在在动画时跳转。
另一个更新: 我还注意到这似乎会影响抗锯齿,因为淡出的图像似乎是“锯齿状的”,但在完全不透明时是平滑的。FF 中的一些新东西可以让图像看起来更漂亮吗?
另一个更新: 刚刚在 Chrome、Mac 上的 Safari 和 XP 上的 IE7 上测试过,这个问题只发生在 Mac 上的 FF10 上(不知道其他平台或版本)。奇怪...
又一个更新: 刚刚在 XP 上用 FF9 测试过,这个问题没有发生。然后我把它更新到FF10,问题就出现了。认为这对于错误报告来说可能足够强大......