Pixelperfect Upscaled Sprite Фоновое изображение все еще отображается как гладкое / бикубическое изображение в IE?

Question

каким-то образом увеличенное изображение спрайта ниже не отображается как четкий пиксель ближайшего соседа в Internet Explorer 9. В FF отлично работает pixelperfect / crisp.

в IE, однако, кажется, что получается бикубическое сглаживание, чего я не хочу в этом случае. Есть идеи, что не так с этим CSS?

.iconbig{ /* upscale the icons sprite images 200% and show them pixelperfect */
    background-image:url(icons.gif);
    background-repeat:no-repeat;
    height:200%;
    background-size: 26px auto;
    -moz-background-size: 26px;
    image-rendering:-moz-crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;    /* <<== seems not working !!! */
}

Answer 1

-ms-interpolation-mode был удален из IE9. По-видимому, Microsoft считает, что она нам нужна только для -ms-interpolation-mode:bicubic, и, поскольку IE9 всегда использует би-кубическое масштабирование, они решили, что свойство устарело, и удалили его.

Answer 2

Ставлю -ms-interpolation-mode: ближайший сосед относится только к HTML-тегу IMG, а не к фоновым изображениям. Так как свойство MS работает только на растянутых изображениях. Для решения я могу думать только о загрузке только для IE альтернативного фонового изображения css, графически масштабируемого файла в ближайшем соседе (возможно, вы можете использовать png-8, уменьшая цвета, чтобы сэкономить память. Хотя сжатие png уже сжимает большие области того же цвета), сделанный в некотором 2D программном обеспечении.