后台系统ifream嵌套子页面,bootstrap 模态框遮蔽层问题?

Question

后台系统是通过ifream嵌套子页面实现,在子页面的模态框怎么覆盖整个页面？

<div title=""
    style="float: left; width: 100%; height: 800px; overflow: hidden;">
    <iframe name="mainFrame" id="mainFrame" onLoad="iFrameHeight()"
        scrolling="auto" frameborder="0"
        src="${contextPath}/BasePage/center.shtml"
        style="width: 100%; height: 800px;"> </iframe>
</div>

看了很多系统都是用ifream实现的,还有什么解决方案没?（单页面应用算一种）