Scale CSS sprite pixel art без сглаживания изображения

Question

Я пытаюсь увеличить изображение css sprite pixel art и хочу ПОЛНОСТЬЮ отключить сглаживание сглаживания/сглаживания.

За этот пост здесь: 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 и И.Е. это немного помогает, но некоторая интерполяция/сглаживание/сглаживание изображения все еще происходит.

Я не хочу использовать элемент canvas, а просто придерживаюсь спрайтов фонового изображения CSS.

Есть ли способ достичь тех же результатов, что и «-moz-crisp-edge» в других браузерах?

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

Sor Для вас нет лучших новостей для вас.