html - 不同浏览器中的图像问题

Question

我在渲染图像时遇到问题。在 Chrome 中，它看起来很漂亮，但 Firefox 和 IE 让它看起来很前卫。我能做些什么？附图显示了左侧的 Firefox 渲染和右侧的 Chrome 渲染。

<img src="../Media/Images/GD%20Logo%20Transparent.png" alt="Company Logo" height="35px" style="padding-bottom:10px;"/>

渲染图像：

Answer 1

这是因为您使用调整大小的图像height="35px"。制作宽度为 35px 的图像，无需调整大小即可使用。

Answer 2

如果您使用具有透明背景的 PNG 图像，某些浏览器将无法正确呈现它。在这种情况下，由于图像位于纯色背景上，您只需使用页面的背景颜色填充 PNG 的背景即可。