只有当iframe包含SVG时,div才会显示在iframe后面

时间:2013-08-05 21:16:23

标签: javascript jquery svg cross-browser

我正在构建一个离线解决方案,它采用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的东西。

不确定是否有解决方法。

0 个答案:

没有答案