我正在构建一个离线解决方案，它采用 SVG 并将其嵌入到网页中，然后操纵 SVG 元素的颜色等。
在 IE10 出现之前，我一直在使用 AJAX 从本地文件夹中抓取这个 SVG，然后将其写回页面，然后将其拉入 DOM，一切正常。但是，一旦 IE10 出现，他们就可以在本地文件上使用 AJAX，这些文件被描述为“按设计工作”。更改文件夹和浏览器周围的任何类型的安全设置都不是一种选择。
好消息是我在网上找到了一个解决方案，您可以在其中创建一个 iframe 并将其源设置为您想要拉入的 SVG（在此处设置为变量路径和文件）：
<iframe class="' + eN + '" src="' + path + file + '" width="' + w + '" height="' + h + '" style="border:0;z-index:1;display:none;"></iframe>
编辑 我在这里不必要地使事情复杂化。问题的症结在于，除非该 iframe 包含 SVG，否则我可以将绝对定位的 div 浮动到 iframe 的上方。
另一个编辑 我认为这只发生在本地而不是服务器上运行页面时。
另一个编辑 如果我将 SVG 保存为 XML 文件并加载它，则 div 将显示在 iframe 的顶部。看起来它只是一个 SVG 的东西。
不确定是否有办法解决这个问题。