html – SVG作为源代码,不显示在Internet Explorer 11中

概述我试图显示一个SVG文件作为< img>的src标签(根据 caniuse.com/svg-img我应该能够在所有最近的浏览器中).该文件显示在Chrome和Firefox中,但Internet Explorer只显示一个带有x的黑盒,如下所示： 在IE中直接打开文件时,图像完美显示,所以实际的SVG文件不应该有什么问题.在IE控制台中没有任何错误或警告,我使用的是最新版本的浏览器. HTML： 我试图显示一个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中显示页面,我该如何阻止这种行为？

解决方法 我发现了这个问题.我正在通过内部网查看页面,我不知道为什么,但IE的默认设置是“在Compatibilty视图中显示Intranet网站”.只需在兼容性视图设置中取消该框. SVG在ie7中根本不起作用,所以我没有得到任何图像. 总结

以上是内存溢出为你收集整理的html – SVG作为源代码,不显示在Internet Explorer 11中全部内容，希望文章能够帮你解决html – SVG作为源代码,不显示在Internet Explorer 11中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。