在iframe中使bootstrap的模态框在父页面弹出问题
原文中文,约2400字,阅读约需6分钟。发表于: 。这几天在写项目的中,页面使用了iframe,然而在子页面中使用bootstrap的模态框时发现:弹出的模态框位置是以子页面为标准居中的,并且遮罩层也只有子页面那一部分,整个页面简直无法直视,所以思考可以可以让模态框以父页面为标准弹出,经过在网上查找资料,总结了一种解决方法。 效果展示 修改前页面 修改后页面 实现思路 要想使模态框在顶级页面打开,我想到的方法是使bootstrap的模态框...
使用iframe时,子页面中的bootstrap模态框位置和遮罩层不正确。解决方法是将模态框单独写为一个页面,在父页面中引用,并通过调用父页面的方法来弹出模态框。这样可以解决子页面中模态框无法覆盖整个页面的问题。