我在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上看不到此行为。
答案 0 :(得分:2)
我无法重现,但它因为你使用CSS设置大小(和错误)而感到紧张。
图像高度为46像素,首先加载,然后将CSS应用于45像素,将其缩小1像素,从而产生抖动。这个微小的差异将在屏幕上显示,因为它也会影响宽度,在某些系统上可能足够明显,使其看起来像是抖动。
如果您将图像大小设置为46像素,它应该消失,或者将大小设置为属性:
<img height="46" ...