iframe 如何在子页面弹出层，覆盖父页面？

[dave0615]

index.html页面中共有一个<iframe src="test.html" name="iframe_url" id="iframe_url" scrolling="no" frameborder="0" width="1000px;"></iframe>。

test.html页面中弹出一个层，要覆盖父页面，背景变灰，不能操作，只能操作层。
请问该如何实现？我现在的代码弹出层只能作用子页面，父页面没有被覆盖！

[fzfei2]

弹出层在父级页面来实现

[dave0615]

但是点击弹出层得按钮是在子页面上呀

[fzfei2]

父页面:<div id="layer1"> 子页面JS取:parent.document.getElementById("layer1")

[代码农]

好用的 手机类似弹出插件有没有

[娃都会打酱油了]

找到父层(top.xxx)，然后在这个里面实现遮盖