Internet explorer 像素完美放大的精灵背景图像在IE中仍然显示为平滑/双三次图像?
不知何故,下面放大的精灵图像并没有在InternetExplorer9中显示为一个清晰的、最近的beighbour像素。在FF中,像素效果完美/清晰 然而,在IE中,它似乎得到了双三次平滑,这在本例中我不想要。你知道这个css有什么问题吗Internet explorer 像素完美放大的精灵背景图像在IE中仍然显示为平滑/双三次图像?,internet-explorer,css,sprite,nearest-neighbor,Internet Explorer,Css,Sprite,Nearest Neighbor,不知何故,下面放大的精灵图像并没有在InternetExplorer9中显示为一个清晰的、最近的beighbour像素。在FF中,像素效果完美/清晰 然而,在IE中,它似乎得到了双三次平滑,这在本例中我不想要。你知道这个css有什么问题吗 .iconbig{ /* upscale the icons sprite images 200% and show them pixelperfect */ background-image:url(icons.gif); backgroun
.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 !!! */
}
.iconbig{/*将图标精灵图像放大200%,并将其像素完美地显示出来*/
背景图像:url(icons.gif);
背景重复:无重复;
身高:200%;
背景尺寸:26px自动;
-moz背景尺寸:26px;
图像渲染:-moz清晰的边缘;
-ms插值模式:最近邻;/*我打赌-ms插值模式:最近邻仅适用于html IMG标记,而不适用于背景图像。因为ms属性仅适用于拉伸图像。对于解决方案,我只能考虑加载IE的替代css背景图像,即最近邻中的图形缩放文件(也许您可以使用png-8,减少颜色,以节省内存。尽管png压缩已经可以压缩相同颜色的大面积区域)模式在一些2D软件中完成。我打赌-ms插值模式:最近邻仅适用于html IMG标记,而不适用于背景图像。因为ms属性仅适用于拉伸图像。对于解决方案,我只能考虑加载IE的替代css背景图像,即最近邻中的图形缩放文件(也许您可以使用png-8,减少颜色,以节省内存。尽管png压缩已经可以压缩相同颜色的大面积区域)模式在一些2D软件中完成。-ms插值模式
已从IE9中删除。显然,Microsoft认为我们只在-ms插值模式:双三次
中需要它,而且由于IE9始终使用双立方标度,他们认为该属性已过时并将其删除。-ms插值模式de
已从IE9中删除。显然,Microsoft认为我们只在-ms插值模式:双三次
中需要它,而且由于IE9总是使用双三次刻度,他们认为该属性已过时并将其删除。是否-ms插值模式:双三次
改变了什么?@atlavis:nothing:相同的平滑双三次刻度立方体“模糊”精灵放大如果您使用px单位设置高度:
和宽度:
,是否有效?可能IE需要大于高度:200%
。-ms插值模式:双三次
是否改变了任何内容?@atlavis:nothing:相同的平滑双三次“模糊”sprite放大如果您使用px单位设置高度:
和宽度:
,它能工作吗?也许IE需要比高度:200%
更多的东西。