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

发布网友发布时间：2022-04-19 05:57

共3个回答

热心网友时间：2022-04-19 07:27

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 = ""; // 显示遮罩
}

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

热心网友时间：2022-04-19 08:45

没明白你描述的是什么。

热心网友时间：2022-04-19 10:19

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