我正在尝试扩大 CSS 精灵像素艺术图像,并希望完全禁用抗锯齿/图像平滑处理。
根据这篇文章:Disable antialising when scaling images,我已经尝试了以下 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和IE中,它有所帮助,但仍然会出现一些图像插值/平滑/抗锯齿问题。
我不想使用canvas元素,而是坚持使用CSS背景图像精灵。
是否有一种方法可以在其他浏览器中实现与“-moz-crisp-edges”相同的结果?