Javascript 动态使用iframe作为页面覆盖

我已将以下iframe添加到页面中

<iframe src='http://redbug.redrocksoftware.com.au:80/Pages/chamara.html' style="position:absolute;z-index:1;" ></iframe>

html页面包含一个按钮，当我点击该按钮时，我需要当前页面用一个超链接覆盖

反馈是iframe内的按钮：

当我点击它时，我需要像下面这样的事情发生

---

我已经尝试过iframe绝对定位和z-index，但还没有任何效果

哈哈，终于完成演示了！：P

好吧，我们走吧。如果您需要iframe仅在其按钮被触发时覆盖整个页面，那么可以使用jQuery来处理click事件。您需要使用

contents（）

获取iframe内容，然后使用

find（）

获取所需的元素。基本上：

$("#iframe").contents().find("#iframe_button").click(function () {
    // Button fired!
})

在iframe中包含我编写的CSS类的所有页面：

.iframe_cover {
    position:absolute; 
    top:0; 
    left:0; 
    width:100% !important; 
    height:100% !important;
    border:0;
}

因此，当按钮被触发时，iframe将拥有这个类。看：

$("#iframe").contents().find("#iframe_button").click(function () {
    $("#iframe").addClass("iframe_cover");
})

---

---

演示：

iframe是否覆盖了整个页面？按钮覆盖是否覆盖了所有iframe？@RafaelAlmeida否。它只是在另一个页面中添加的一个iframe，我需要它在默认情况下覆盖整个页面，或者仅在启动反馈按钮时覆盖整个页面？要默认覆盖，请尝试：

iframe{position:absolute；top:0；left:0；width:100%；height:100%；z-index:999；}

@rafaelalmeda感谢您的回复。我需要它当按钮点击是火谢谢你的帮助，朋友。