bootstrap中iframe使用modal时不能遮罩全屏

savagegarden5 2015-05-27 05:09:50
打算用bootstrap做一个后台管理系统,使用了iframe,但是在使用modal时不能遮罩全屏,只是遮罩了当前的iframe中的内容。看了bootstrap的文档说是不能跨域,有没有大神知道该怎么解决这个问题?

如图:红框部分并没有遮罩
...全文
8934 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_43813593 2019-04-29
  • 打赏
  • 举报
回复
我也遇到与楼主一样的问题,要选择iframe是因为,如果每个页面都有导航菜单,点击菜单去新的页面时,导航菜单也跟着刷新闪动,用户体验不好。 所以我也找了很多所谓的解决方法,有一两个可以实现顶层遮罩,但是因为办法是将子页面的模态框挪到父页面展示,所以数据就无法同步到模态框了。虽然可以再写代码来显示,但这样就更繁琐,出错几率也更大,还要更改每个子页面,非常不合算。 看看有没有大神可以解决这个为题。 我看过bootstrap官方网站,没有针对这个问题的解答。 其实最根本要解决的是:点击菜单去新的页面时,导航菜单也跟着刷新闪动,用户体验不好。这个问题。如果bootstrap有可以有替代方案,就可以弃用iframe的方式,也就解决了这个“导航菜单也跟着刷新闪动”的问题。 再次谢谢各位了。
Nomore3324 2016-12-22
  • 打赏
  • 举报
回复
楼主解决了吗? 还有一个问题在iframe里的弹出框位置不是基于可视区域来定位的
  • 打赏
  • 举报
回复
http://www.cnblogs.com/chengxuyuanzhilu/p/5132328.html bootstrap在iframe框架中实现由子页面在顶级页面打开模态框(modal)
PorscheBJ 2015-12-17
  • 打赏
  • 举报
回复
版主就是牛X。
xiangao316066 2015-09-23
  • 打赏
  • 举报
回复
引用 2 楼 KK3K2005 的回复:
用了这么高级的bootstrap 还要用iframe。。。
引用 4 楼 gy127132060 的回复:
有了bootstrap还要用iframe,,,楼主是多想不开。。。。
为什么这么说,能不能给讲讲?
业余草 2015-09-23
  • 打赏
  • 举报
回复
结贴给分哦!!
业余草 2015-09-23
  • 打赏
  • 举报
回复
http://pan.baidu.com/s/1sjBEPOT 给你一个demo,你学习学习!!
业余草 2015-09-23
  • 打赏
  • 举报
回复
引用 5 楼 xiangao316066 的回复:
[quote=引用 2 楼 KK3K2005 的回复:] 用了这么高级的bootstrap 还要用iframe。。。
引用 4 楼 gy127132060 的回复:
有了bootstrap还要用iframe,,,楼主是多想不开。。。。
为什么这么说,能不能给讲讲?[/quote] 说的很好!!
香蕉猪 2015-09-07
  • 打赏
  • 举报
回复
有了bootstrap还要用iframe,,,楼主是多想不开。。。。
  • 打赏
  • 举报
回复
将modal放到iframe外面,或者在iframe里面使用js动态将modal放到iframe外面都行。
KK3K2005 2015-05-27
  • 打赏
  • 举报
回复
用了这么高级的bootstrap 还要用iframe。。。
savagegarden5 2015-05-27
  • 打赏
  • 举报
回复
没人知道吗?那我换个问题。现在后台管理除了使用iframe,还有什么其他的方法

39,087

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧