从iframe本身划分iframe

Question

我有一个包含在外部html中的iframe内的div

<iframe src="test.html">

基于html的“上下文菜单”需要位于iframe之上，但上下文菜单的html代码位于iframe本身。首选纯CSS解决方案。

Answer 1

iframe的内容无法显示在iframe之外。在iframe中，您可以使用“position：absolute”和“z-index：1000”（或另一个适当大的数字）将div显示在其他元素上。请注意，绝对定位的元素将从文档流中删除。可以使用“顶部”，“左侧”，“右侧”和“底部”CSS属性设置位置。

Answer 2

只要两个帧都在同一个域中，就可以使用Javascript将DOM元素移动到父框架（window.parent.document.appendChild(...)）。我做到了这一点并且有效。这只是一个麻烦，你必须自己决定它是否值得。

请务必查看bobince对以下问题的评论。

不要忘记将子框架的样式表移动到父级后，它不适用于菜单。

Answer 3

你真正重复的典型“Ajax”功能，因为它已经被很多框架（比如jQuery）抽象了，你不太可能做得更好我会给你一个机会。不要重新发明轮子。

您可以找到great example here。

$("#links").load("/Main_Page #jq-p-Getting-Started li");