(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決通過(guò)外部CSS或嵌入式樣式縮放時(shí)，F(xiàn)irefox會(huì)使圖像模糊？

我發(fā)現(xiàn)了FireFox的這一新功能：

圖像渲染

因此，將其放在您的CSS中將解決此問(wèn)題：

image-rendering: -moz-crisp-edges;

以為我會(huì)分享此信息。抱歉回答我自己的問(wèn)題;）

解決方法

當(dāng)我目視縮放圖像時(shí)，F(xiàn)irefox 3會(huì)使圖像模糊。Firefox2和其他瀏覽器沒(méi)有，這是我期望的行為。對(duì)于使用png或gif精靈創(chuàng)建基于網(wǎng)絡(luò)的游戲而言，這尤其la腳。

例如，在Firefox 3中顯示100x100的圖像時(shí)，如下所示：

<img src='http://www.intensediesel.com/wenda/sprite.gif' />

要么

<img src='http://www.intensediesel.com/wenda/sprite.gif' />

在FF3中看起來(lái)很模糊，而不是在IE中。

關(guān)于如何防止這種情況的任何想法？