IE没有显示SVG

Question

IE不会在我的网站上显示SVG图像。

未显示的第一张图片是徽标图片，通过以下内容放置：在Logofont前面的内容之前。

css代码如下：

    .logo-svg:before {
    content: url('images/logo.svg');
}

.logo-svg {
    height: 1.6em;
    width: 1.6em;
    display: inline-block;
    margin-right: 0.2em;
    position: relative;
    top: 0.2em;
}

然后一些图像，即图标的背景图像也没有显示，CSS就在这里：

.author-link-posts {
    background-image: url("/images/icons/svg/archive.svg") !important
}

有人知道为什么IE没有显示SVG或可能是变通方法或类似的东西吗？

此致 马库斯

Answer 1

IE8及以下版本不支持SVG。这个问题是否发生在所有其他浏览器中？您也可以使用modernizr作为后备。

基本上，Modernizr会在标签中添加“no-svg”类。

Answer 2

解决方案是路径。我不得不把斜杠放在路径之前，所以它在IE中工作。