iframe遇见的问题

在项目中所实现的是,左侧为导航栏,点击左侧导航栏,右侧为一iframe引用进来的界面,iframe页面上按钮点击,全屏幕增加遮罩,

一开始所想,给全屏幕设置遮罩,z-index的值低于右侧iframe页面的z-index值,无效,据估计应该是两侧的z-index是独立的,并不会受影响,那么怎样才能达到效果呢?


iframe遇见的问题_第1张图片
效果图

那么考虑只给左边导航栏设的宽度设置遮罩,右侧iframe内容使用原本自带遮罩!OK,搞定,

顺便说一下在iframe里面如何去调用外层的方法:

     // parent.blackBlock('0')

parent.方法(参数),这样就可调用外层的方法。

你可能感兴趣的:(iframe遇见的问题)