iframe 里面的遮罩被父元素盖住问题

前言：最近项目遇到的问题，项目的所有菜单点击会出现对应的子页面，同时出现本页面的选项卡，（之后类似于选项卡的操作，不过选项卡的标签是由点击的菜单组合而成）。类似效果如下：

实现方法：点击每个菜单的时候，下面的内容由iframe 切换，同时创建选项卡......。

问题：由于所有的子页面是由iframe 链接进去，所以在iframe上的遮罩层不会遮住完成的dom,导致外层的按钮还能操作。

解决办法：iframe 里面的遮罩弹出时，外层主页面的遮罩同时弹出，设置   iframe 的遮罩   层级比外层高。（注意：这样无效，遮罩里面的内容同样被挡住。本人亲测）。应该设iframe 标签的层级比主页面遮罩的层级高，这样就完美的解决了。