PNG在Internet Explorer上太锋利

任何人都可以帮助我解决这个问题吗？在谷歌Chrome浏览器中的标志图像显示得很好，但在Internet Explorer，它看起来太尖，我需要一个解决方案：在错误的ÇPNG在Internet Explorer上太锋利

这是我的显示图像（在一个div）：

#topmenu-logo { 
    background: url("/images/xCarga/logotipo.png") no-repeat center; 
    background-color:#ececec; 
    background-size: contain; 
    width: 437px; 
    height: 84px; 
}

来源

2015-12-02 Pablo Camara

我们无法诊断图像...也许您会为我们演示？ –

添加了一些更多信息 –

他们似乎有不同的尺寸 – HerrSerker

这与IE的图像渲染引擎，它is notoriously bad问题。在您的主页的从原来的问题，它看起来像您使用的是全尺寸的版本，您的评论（3508x516像素！）您的标志：

你可以试试这个IE插补模式：

img { -ms-interpolation-mode: nearest-neighbor; }

编辑头。您应该使用图形程序调整徽标大小，并在主页上使用较小的版本（反锯齿）。让浏览器调整这么大的图像会导致性能问题。（注意：链接已删除。）

来源

2015-12-02 11:13:42 dr01

这工作，我调整它，并保存为JPG，谢谢你这个队友，如果我能我会给你+代表，但我不允许还是哈哈，你可以删除这些链接，我想不想让他们公开，谢谢@ dr01 –

@Pablo您可以通过点击复选标记并将它绿色地接受答案为正确 – HerrSerker

完成，链接从我的答案中删除。 – dr01

您可以尝试使用

img { -ms-interpolation-mode: bicubic; }

来源

2015-12-02 10:52:01 AntiHeadshot

PNG在Internet Explorer上太锋利

回答

相关问题