Chrome 没有渲染通过 < img > 元素引用的 SVG
我有问题与谷歌铬不渲染与 img元素 svg。刷新页面和初始页面加载时会发生这种情况。我可以通过“检查元素”来显示图像，然后右键单击 svg 文件并在一个新的选项卡中打开 svg 文件。然后将在原始页面上呈现 svg 图像。
<img src="../images/Aged-Brass.svg">
完全不知道问题出在哪里。Svg 图像在 IE9和 FF 中显示良好，但在 Chrome 或 Safari 中不能。
我也设置了 MIME 类型
编辑: 下面是一个简单的 html 页面，我构建这个页面是为了帮助说明我的问题。
<!DOCTYPE html>
<html>
<head>
<title>SVG Test</title>
<style>
#BackgroundImage{
background: url('../images/Aged-Brass.svg') no-repeat scroll left top;
width: 400px;
height: 600px;
}
#image_element {
width: 400px;
height: 600px;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="image_element">
<img src="../images/Aged-Brass.svg">
</div>
<div id="BackgroundImage"></div>
</body>
</html>
正如您所看到的，我试图在 img元素和 css 中使用一个 svg 文件作为背景图像。在 chrome 或 Safari 中都不能加载初始页面。当我检查元素时，右键单击 svg 或单击另一个窗口中的 svg 加载链接，svg 文件将在原始选项卡中呈现。
