【发布时间】:2012-03-06 09:36:47
【问题描述】:
我在使用 jQuery 1.7.1 的 FF10 中遇到了一个奇怪的问题。 我有一个可能缩小了图像的画廊,其中一些可以从原始尺寸缩小很多。
有时,当我尝试使用 jQuery 为其不透明度设置动画时,图像会“缩放”或跳到一侧。
举个例子,看看其中一个小的,然后将鼠标悬停在它上面: http://jsfiddle.net/ZUWkh/
它可能非常微妙,但是当不透明度设置动画时,您可以看到图像的变化 - 它似乎只影响缩小到某个点以上的图像,因为我看不到它发生在更大的图像上这个例子。
任何想法正在发生什么,以及如何克服它?
我像这样缩放它们只是为了将它们放入画廊中的行中 - 尺寸是用 PHP 计算出来的,并且是成比例的。如果有区别,我可以改用 CSS。
更新: 如果您调整浏览器窗口的大小或放大/缩小,问题就会发生变化 - 它不会得到解决,但会发生碰撞的图像会发生变化,因此其中一些在之后很好,而一些现在很好,现在在动画时会跳转。
另一个更新: 我还注意到这似乎会影响抗锯齿,因为淡出的图像似乎是“锯齿状的”,但在完全不透明时是平滑的。 FF 中有什么新东西可以让图像看起来更漂亮吗?
又一次更新: 刚刚在 Chrome、Mac 上的 Safari 和 XP 上的 IE7 上测试过,这个问题只发生在 Mac 上的 FF10 上(不知道其他平台或版本)。怪怪的……
又一个更新: 刚刚用FF9在XP上测试过,没有出现这个问题。然后我把它更新到FF10,问题就出现了。认为这对于错误报告来说可能已经足够强大了......
【问题讨论】:
-
如果您使用 200px 宽度(而不是 171)进行测试,图像不会移动。你是对的,在 Firefox 中调整大小的图像有些奇怪,但不知道如何解决这个问题
-
我对 Firefox 10.0.2 for Windows 有同样的问题 :(
-
我开始了一个关于 mozillaazine 的话题,但还没有被接受。有人知道如何实际制作错误报告吗?谷歌没有那么有帮助:(
-
有趣的东西 - 如果你将窗口的大小扩大到某种程度,这个错误将会消失 -___-
标签: jquery image firefox-10