不平滑图像缩放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;   

它的工作就像我想在火狐，但在Chrome和它有一点帮助，但一些图像内插/平滑/反混叠仍在发生。

我不想使用画布元素，而是只想使用CSS背景图像精灵。

在其他浏览器中，是否有一种方法可以实现与“-moz-脆脆边缘”相同的结果？

Answer 1

坏消息是：

不幸的是，看起来你的选择要么使用画布，要么使用JavaScript，要么在Chrome和即.

如果您不选择接受反混叠，以下是一些可能会帮助您处理另外两种方法之一的回复：

链接：

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

抱歉，这件事对你来说没有好消息了。