我正在构建一个离线解决方案,它采用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>
修改 我在这里不必要地复杂化了。问题的关键在于我可以浮动一个绝对定位的div overop iframe,除非iframe包含一个SVG。
另一个编辑 我认为这只发生在本地运行页面而不是服务器上。
另一个编辑 如果我将SVG保存为XML文件并加载,则div显示iframe的顶部。看起来它只是一个SVG的东西。
不确定是否有解决方法。