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

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

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

Answer 2

解决方案是路径。我不得不在路径之前加上斜线，所以它在IE中起作用。