DIV CSS背景图像不会在IE 8中显示

Question

我们的Intranet网站是在兼容模式下查看的（即8），并且CSS图像背景没有显示。 CSS的任何调整，以适应即8期。 （html，css在chrome中有效，并且在ie-9及更高版本中有效）。

js小提琴在这里jsfiddle.net/729xwamv/

Answer 1

Internet Explorer 8不支持SVG。

作为针对这种特定情况的解决方案，请参阅 “ SVG的Fallback作为CSS背景图像”下的CSS技巧指南 。 您需要图片的PNG版本作为后备。

这里的技巧是找到（几乎所有）支持SVG的浏览器支持的语法，而不是较旧的浏览器不支持的语法。 这是魔术：

body {
  background: url(fallback.png);
  background: url(background.svg),
    linear-gradient(transparent, transparent);
}