0

不知何故，下面的放大精灵图像在 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 !!! */
}
4

2 回答 2

3

-ms-interpolation-mode已从 IE9 中删除。显然微软认为我们只需要它，-ms-interpolation-mode:bicubic并且由于 IE9 总是使用双三次缩放，他们认为该属性已过时并将其删除。

于 2012-10-03T06:31:42.840 回答
2

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

于 2011-04-11T10:57:29.693 回答