html - 非方形 PNG 图像作为 IE8 中的背景图像问题

Question

在我的website (这只是为了测试)，我在 #title 的标题旁边添加了一个背景图像作为 Logo 。它在 Chrome 和 firefox 中运行良好，但在 IE8 中运行不正常。

当我尝试添加 jpg 格式的图像作为 Logo 时，它在 IE8 中工作正常。然后我尝试使用也有效的方形 png 图像。

然后我意识到如果我使用如下所示的非方形图像，IE8 将无法正常工作:

无论如何让它在 IE8 中工作？

Answer 1

问题是因为IE8不支持CSS background-size属性(property)。

如果您想支持 IE8 并且想使用背景图片，您需要提供一张实际适合您所给它的空间的图片，而不是让浏览器为您缩放它。

另一种方法是将其作为前景图像放在 <img> 中标记而不是背景图像。这将允许它被缩放。