前言：
群里一直都有人询问，怎么能使内联框架里的灯箱效果背景遮罩铺满整个屏幕。因为默认是不能在父窗口显示遮罩的，问的人多了，决定出一篇文章。
声明：
本方法会引起浏览器性能下降，不到万不得已没必要使用。
演示地址：
https://usrsky.axshare.com/#id=4wugsh&g=1
先决知识：
你可能需要先学会《如何在Axure中使用“循环”》和《Axure监听器之全局变量监听器》这两个知识。
准备工作：
首先，我们建一个全局变量Lightbox，默认值为0
教程-内联页：
建一个“内联页”，放一个按钮，和一个动态面板，为了演示方便，动态面板里只放了一张图片。
按钮命名为“开灯”，交互非常简单，单击时以灯箱效果显示动态面板，“背景颜色”那里最好有点透明效果。
动态面板命名为“灯箱”，隐藏起来。同时固定到浏览器（居中）
交互也只要设置这两个就可以：
教程-框架页：
建一个“框架页”，里面放一个动态面板，两个空状态，再放一个内联框架，框架目标为“内联页”
用来做监听全局变量Lightbox的动态面板交互如下：
其中“循环间隔”的时间可自定。
此时，已经实现了全屏的灯箱效果了，但是你多点击几下会发现：
- 点击内联页的遮罩时可以正常取消灯箱效果。
- 点击外部框架页的遮罩时不能取消灯箱效果。
修正：
其实我们只需两步就可以修正了：
- 在“框架页”的页面上新建交互，当鼠标点击时设置全局变量Lightbox等于0。
- 在“内联页”里对Lightbox进行循环监听，如果Lightbox等于0，则关掉灯箱效果。
尝试自己修正一下吧，或者进群下载。
如果觉得我的教程做的不错呢，欢迎关注、收藏、转发、捐赠，谢谢。
原文链接：让Axure内联框架的灯箱效果全屏遮罩
转载请注明：最InのAxure » 让Axure内联框架的灯箱效果全屏遮罩