缩放CSS精灵像素艺术，无需图像平滑

Question

我正在尝试扩展css精灵像素艺术图像，并希望完全禁用抗锯齿/图像平滑。

根据这篇文章：Disable antialising when scaling images我尝试过以下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中完全相同，但在Chrome和I.E.它有点帮助，但仍然会出现一些图像插值/平滑/抗锯齿。

我不想使用canvas元素，而只是坚持使用CSS背景图片sprite。

有没有办法在其他浏览器中获得与“-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

对不起，对你来说没有更好的消息。