在iframe中使bootstrap的模态框在父页面弹出问题
发布时间:2020-12-18 00:35:21 所属栏目:安全 来源:网络整理
导读:这几天在写项目的中,页面使用了iframe,然而在子页面中使用bootstrap的模态框时发现:弹出的模态框位置是以子页面为标准居中的,并且遮罩层也只有子页面那一部分,整个页面简直无法直视,所以思考可以可以让模态框以父页面为标准弹出,经过在网上查找资料,
这几天在写项目的中,页面使用了iframe,然而在子页面中使用bootstrap的模态框时发现:弹出的模态框位置是以子页面为标准居中的,并且遮罩层也只有子页面那一部分,整个页面简直无法直视,所以思考可以可以让模态框以父页面为标准弹出,经过在网上查找资料,总结了一种解决方法。 效果展示修改前页面 修改后页面 实现思路要想使模态框在顶级页面打开,我想到的方法是使bootstrap的模态框弹在父页面弹出即可。 首先我们将需要弹出的div单独写一个页面,当子页面需要弹出时,在父页面弹出div即可。 将模态框单独写为一个页面主页面 模态框页面 这样就可以将模态框的div单独写为一个页面 修改主页面,加入子页面修改后主页面 相关内容
|