Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Internet explorer 像素完美放大的精灵背景图像在IE中仍然显示为平滑/双三次图像?_Internet Explorer_Css_Sprite_Nearest Neighbor - Fatal编程技术网

Internet explorer 像素完美放大的精灵背景图像在IE中仍然显示为平滑/双三次图像?

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

不知何故,下面放大的精灵图像并没有在InternetExplorer9中显示为一个清晰的、最近的beighbour像素。在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 !!! */
}
.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%
更多的东西。