为什么我的png图像在Firefox中加载时会抖动?

时间:2013-08-02 00:51:31

标签: html firefox png

我在Windows 7上使用Firefox 22.0。当我加载缩放的png图像时,图像抖动/抖动在加载后大约一秒钟。发生了什么事?

<a href="bozo">
    <img style="height:45px;" src="http://images.cdn.rackspace.com/header/logo-rackspace.png">
</a>

这是jsfiddle。我可以通过单击“运行”来重现该行为。

我在Chrome或IE上看不到此行为。

1 个答案:

答案 0 :(得分:2)

我无法重现,但它因为你使用CSS设置大小(和错误)而感到紧张。

图像高度为46像素,首先加载,然后将CSS应用于45像素,将其缩小1像素,从而产生抖动。这个微小的差异将在屏幕上显示,因为它也会影响宽度,在某些系统上可能足够明显,使其看起来像是抖动。

如果您将图像大小设置为46像素,它应该消失,或者将大小设置为属性:

<img height="46" ...