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背景图像”下的this CSS-Tricks guide。您需要图片的PNG版本作为备用。

  

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

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