ifream页面弹出框遮盖层覆盖父页面

1.首先找到子页面上遮罩层的id，

2.然后再父页面编写个js方法

1 function shade() {
2         $(".layui-layer-shade").height($(window).height()).width($(window).width()); //使遮罩的背景覆盖整个页面
3     }

View Code

3.在子页面调用父页面的js方法

//删除
function delObj(url,name) {
 parent.shade();//调用父页面的js方法
 parent.layer.confirm('确认删除该条记录吗？', {
  btn: ['确定', '取消'] //按钮
 },function (index) {
  parent.layer.close(index);//关闭弹出框，放在这是为了，一定要用parent
      $.ajax({
       url: url,
       type: 'GET',
       dataType: 'json',
       cache: false,
       success: function (data) {
        if (data.success) {
         var msg = data.msg;
         tip(msg, 1);//icon设置为1 表示一个绿色的对勾图标
         reloadTable();
         //parent.$(".layui-layer-shade").hide();
        }else{
          tip(data.msg);
        }
       }
      });

 }, function () {
 });
}