我有一个包含在外部html中的iframe内的div
<iframe src="test.html">
基于html的“上下文菜单”需要位于iframe之上,但上下文菜单的html代码位于iframe本身。首选纯CSS解决方案。
答案 0 :(得分:6)
iframe的内容无法显示在iframe之外。在iframe中,您可以使用“position:absolute”和“z-index:1000”(或另一个适当大的数字)将div显示在其他元素上。请注意,绝对定位的元素将从文档流中删除。可以使用“顶部”,“左侧”,“右侧”和“底部”CSS属性设置位置。
答案 1 :(得分:0)
只要两个帧都在同一个域中,就可以使用Javascript将DOM元素移动到父框架(window.parent.document.appendChild(...)
)。我做到了这一点并且有效。这只是一个麻烦,你必须自己决定它是否值得。
请务必查看bobince对以下问题的评论。
不要忘记将子框架的样式表移动到父级后,它不适用于菜单。
答案 2 :(得分:0)
你真正重复的典型“Ajax”功能,因为它已经被很多框架(比如jQuery)抽象了,你不太可能做得更好我会给你一个机会。不要重新发明轮子。
您可以找到great example here。
$("#links").load("/Main_Page #jq-p-Getting-Started li");