爲什麼我的png圖像在Firefox中加載時抖動？

我在Windows 7上使用Firefox 22.0。當我加載一個縮放的png圖像時，圖像在加載後大約一秒鐘抖動/抖動。這是怎麼回事？爲什麼我的png圖像在Firefox中加載時抖動？

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

這是jsfiddle。我可以通過點擊運行來重現行爲。

我在Chrome或IE上看不到這種行爲。

我注意到了運動，但這麼少，只有仔細注意在當下它加載使它明顯....我不會花太多時間。它必須是渲染引擎，你可以在Mozilla跟蹤器中填充一個bug，也許專家會回答你。 – JorgeeFG

我在Win7上看不到任何抖動。 –

我無法複製，但它抖動，因爲您通過使用CSS設置大小（和錯誤）。

圖像的高度爲46像素，首先將其加載，然後將CSS應用於45像素，然後將其縮小1像素，從而產生抖動。這一小小的差異會在屏幕上顯示出來，因爲它也會影響寬度，在某些系統中可能足夠明顯，從而使其看起來像是抖動。

如果設置圖像大小46個像素應該消失，或通過設置大小屬性：

<img height="46" ...

2013-08-02 00:59:43 K3N

回答