Question

弹出层内嵌套动态iframe,如何让实现

页面上有A，B，C三个不同按钮，点击A按钮，弹出一个带iframe的弹出层，加载A按钮对应的页面；点击B按钮，B按钮对应的页面在同一个iframe中显示，还要带遮罩，这个用JQ或者JS如何实现？
不好意思，没说清楚，总共是三个带遮罩的弹出层，但是三个弹出层内嵌套的是相同ID的iframe框架。点击按钮A、B、C弹出A.html、B.html、C.html三个页面并在同一个iframe中显示出来。

Answer 1

iframe要设置position为absolute, z-index大于1
你说的遮罩是指B按钮的窗口弹出后, 只有ifame在最前, 其他的按钮什么的都被压在下面不能点击和作业吧. 那么你可以在页面上加个div(样式: position: absolute, z-index: 2; display: none;)

JavaScript:
function ClkFn_B() {
var fme = document.getElementById("iframe的ID值");
var mask = document.getElementById("遮罩div的ID值");

fme.src = urlOfB; // B按钮要显示的页面
fme.style.left = x + "px"; // x, y为要显示位置坐标
fme.style.top = y + "px";
mask.style.width = w + "px"; // 窗口宽度
mask.style.height = y + "px"; // 窗口高度
mask.style.left = "1px";
mask.style.top = "1px";
mask.style.display = ""; // 显示遮罩
}

这是一个大概的做法, 希望对你有用.

Answer 2

没明白你描述的是什么。

Answer 3

这种代码网上很多，楼主搜一搜啊