我试图显示一个SVG文件作为< img>的src标签(根据
caniuse.com/svg-img我应该能够在所有最近的浏览器中).该文件显示在Chrome和Firefox中,但Internet Explorer只显示一个带有x的黑盒,如下所示：
在IE中直接打开文件时,图像完美显示,所以实际的SVG文件不应该有什么问题.在IE控制台中没有任何错误或警告,我使用的是最新版本的浏览器.
HTML：
<div id="plot"> <img id="svg" src="plot1.svg" height="100%" width="100%"/> </div>
样式表：
#plot {
float: right;
width: 650px;
height: 550px;
background: #ffffff;
}
#plot svg {
margin-left: auto;
margin-right: auto;
overflow: visible;
}
什么是出现x的一些可能的原因？
编辑：SVG是一个大的自动生成的文件,其中一个例子可以看出here.用于生成它的代码是旧的,可以与顶部的DOCTYPE有关吗？我尝试改变它,但无法显示静止的东西.
编辑2：我有它的工作…排序.当我按F12并转到“仿真”选项卡,由于某些原因,它显示IE正在文档模式7中显示页面,即.使用不支持SVG的IE7的兼容性模式.我可以手动点击任何更高的版本,它显示正常.我的下一个问题是：为什么？为什么它运行在模式7中显示页面,我该如何阻止这种行为？
