标签: firefox-10

使用HTML调整大小的jQuery淡化图像使它们有时会移动

我在使用jQuery 1.7.1的FF10中遇到了一个奇怪的问题.我有一个可能缩小图像的图库,其中一些可以从原始尺寸缩放相当多.

发生的事情是,有时候,当我尝试使用jQuery设置其不透明度的动画时,图像将"缩放"或跳转到一侧.

举个例子,看看其中一个小的,然后鼠标悬停在它上面:http: //jsfiddle.net/ZUWkh/

它可能非常微妙,但是当不透明度动画时,您可以看到图像发生变化 - 它似乎只会影响已缩小到某个点以上的图像,因为在这个示例中我看不到它发生在更大的图像上.

任何想法发生了什么,以及如何克服它?

我正在这样缩放它们只是为了使它们适合画廊中的行 - 大小是用PHP计算的并且是成比例的.如果存在差异,我可以使用CSS代替.

更新: 如果您调整浏览器窗口的大小,或者放大/缩小,问题会发生变化 - 它不会得到解决,但是碰撞的图像会发生变化,因此其中一些很好,之后一些很好,现在可以在动画时跳转.

另一个更新: 我也注意到这似乎影响了抗锯齿,因为淡出的图像似乎是"锯齿状",但在完全不透明时是平滑的.FF中的一些新东西可能会使图像看起来更漂亮吗?

还有另一个更新: 刚刚在Chrome上测试,Mac上的Safari和XP上的IE7,这个问题只发生在Mac上的FF10上(不知道其他平台或版本).奇怪...

又一个又一个更新: 刚刚在XP上用FF9测试过,这个问题不会发生.然后我将其更新为FF10,然后出现问题.认为这可能足够强大的bug报告......

jquery image firefox-10

4
推荐指数
1
解决办法
1444
查看次数

标签 统计

firefox-10 ×1

image ×1

jquery ×1