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上太鋒利

回答

相關問題