我把Modal模态框放在nav中，无法正常显示

qq_36430229 2018-05-17 09:28:38

我把Modal模态框放在nav中，点击按钮后，模态框出现，但被罩在一层灰色层中，点击各处都没有反应，请问可以如何修改？下面图片是模态框的代码，和实现效果图，小白求知。

...全文

913 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

程序员跑去做实施了 2019-07-18

打赏
举报

回复

https://blog.csdn.net/weixin_42171955/article/details/96423724 去看看我的解决方案

画不完的饼 2018-06-07

打赏
举报

回复

你这很明显就是层级的问题，加相对定位然后给弹框z-index:数值自己定义比黑的部份高就可以展示在他的上方

Java大数据培训学校视频课程："java大数据培训学校全套教材"系列课程由750集视频构成，基本就是1）时下流行的java培训学校主流内部教材，2）和市面上培训学校的通行的课程体系几乎一样。所以这套课程都能自己学...

1. 上来一个ul先把登录和注册两个链接扔进去，ul的类nav,navbar-nav是导航条，navbar-right让他固定在右侧。每个li的里面，data-toggle="modal"是点击出现一个modal模组，data-target="#register"是点击之后出现的...

问题如下图：模态框代码写在子页面中才会出现这种情况，因为iframe中的模态框只显示在iframe区域。其实百度看了一些解决方法感觉挺麻烦的，自己想了下发现其实可以很简单的解决。思路：frame中的模态框只显示在...

1.模态框的工作原理 2. 模态框示例案例4：图标组件的使用导入图标插件实现图标（常规图标示例）案例5：滚动监听 1.什么是滚动监听 2.滚动监听的工作原理 3.在navbar导航中的示例

一、模态对话框(Modal) 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的...务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组...

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章