縮放CSS精靈像素藝術，無圖像平滑

Question

我想放大CSS精靈像素藝術圖像，並希望完全禁用抗鋸齒/圖像平滑。

每這篇文章在這裏：Disable antialising when scaling images我已經在Chrome和I.E.但是嘗試了以下CSS

image-rendering: optimizeSpeed;    
image-rendering: -moz-crisp-edges;   
image-rendering: -o-crisp-edges;   
image-rendering: -webkit-optimize-contrast; 
image-rendering: optimize-contrast;  
-ms-interpolation-mode: nearest-neighbor; 

它的工作完全像我在Firefox想，它有一點幫助，但仍然會出現一些圖像插值/平滑/抗鋸齒。

我不想使用canvas元素，而只是堅持使用CSS背景圖片精靈。

有沒有辦法在其他瀏覽器中實現與「-moz-crisp-edges」相同的結果？

Answer 1

壞消息：

不幸的是，它看起來像你的選擇要麼使用畫布，使用JavaScript，或者在Chrome和I.E.抗鋸齒生活

這裏有一些反應，可以幫助您與其他兩個中的一個，如果你不選擇住抗鋸齒：

鏈接：

1. Javascript-Only Solution - Old, slow, but works everywhere
2. Canvas solution - New, quicker, doesn't work in non-compliant browsers

Sor對此，你沒有更好的消息。