非平方PNG图像作为IE8中的背景图像问题

Question

在我的website（仅供测试）中，我在#title的标题旁添加了背景图片作为徽标。它在Chrome和Firefox中运行良好，但在IE8中没有。

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

然后我意识到如果我使用非平方图像IE8不工作，如下所示：

无论如何要让它在IE8中运行？

Answer 1

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

如果你想支持IE8而你想使用背景图像，你需要提供一个实际适合你所提供空间的图像，而不是要求浏览器为你缩放它。 / p>

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

Answer 2

它正在发挥作用。你只是认为它不是。

IE 8（http://caniuse.com/#search=background-size）;

不支持后台大小 因此，它使用的是图像尺寸（800x800）。你正在看图像。只是你正在看到图像的左上角，这恰好是透明的。

想看看我的意思吗？打开您喜欢的现代浏览器，打开检查器工具，然后删除background-sizing属性。 “图像去了哪里？”它还在那里。现在，使徽标div更大：事实上800x800。图像又回来了。您基本上已经模拟了IE8如何显示图像（而不是调整div部分的大小）。

由于您知道徽标的大小，因此只需使用尺寸合适的图像，您实际上不需要背景大小的属性。