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

Question

我们的 Intranet 站点在兼容模式（即 8）下查看，css 图像背景不显示。对 css 的任何调整以适应 ie 8 问题。（html、css 适用于 chrome 和 ie-9 及以后版本）。

js fiddle 在这里 jsfiddle.net/729xwamv/

Answer 1

Internet Explorer 8 不支持 SVG。

作为此特定场景的解决方案，请查看 "Fallback for SVG as CSS background-image" 下的 this CSS-Tricks guide。您需要图像的 PNG 版本作为后备。

The trick here is to find syntax that is supported by (nearly all) browsers that support SVG, but not by the older browsers. Here's the magic:

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

DIV css background Image wont display in IE 8