Question

不知何故，下面放大的精灵图像并没有显示为Internet Explorer 9中最清晰的最近像素。在FF中，完美的像素完美/清晰。

然而，在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中删除。显然微软认为我们只需要它-ms-interpolation-mode:bicubic，而且因为IE9总是使用双立方体，他们认为该属性已经过时并被删除了。

Answer 2

我敢打赌-ms-interpolation-mode：nearest-neighbor仅适用于html IMG标签，不适用于背景图片。由于MS属性仅适用于拉伸图像。对于一个解决方案我只能考虑为IE加载另一个css背景图像，在最近的neigbor中图形缩放文件（也许你可以使用png-8，减少颜色，以节省内存。虽然png压缩已经压缩在某些2D软件中完成的大面积相同颜色模式。

Pixelperfect Upscaled Sprite背景图片在IE中仍显示为smooth / bicubic图像？

2 个答案: