bootstrap 模态框弹出时被遮罩层挡住了,怎么解决 1C

遮罩层样式!图片说明
模态框样式图片说明

8个回答

图片说明这是模态框代码

u010518746
孓最求完美 回复479925485: 这个我每天看好几遍....
接近 4 年之前 回复
u010518746
孓最求完美 这个我每天看好几遍....
接近 4 年之前 回复
apbbbbb
旋转的钢笔 http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html 看看这个
接近 4 年之前 回复

你把modal放在了某个div里面了,应该放在body下

weixin_43922808
不知名码农 完美解决
11 个月之前 回复
weixin_44668261
老宫℡¹⁵³¹⁴²º⁶⁵⁴⁹cium 感谢,解决了我的问题,虽然我都把<div>成对出现了,没发现有漏的,但多加了一个</div>解决了那个问题
大约一年之前 回复
liuyuemozhu
liuyuemozhu 感谢,解决了我的问题,可是为什么要放在body下呢?
一年多之前 回复

<!--dialog start-->

×

#springMessage("employee")

            <div class="modal-body">
                 <iframe name="selectTrainerFrame" id="selectTrainerFrame" height="600" frameBorder=0 src="" width="100%"></iframe>
            </div>
        </div>
    </div>
</div>


图片说明说的模块框中的内容我是动态加载的,这是独立jsp中的内容图片说明

图片说明现在显示的是这个样子,怎么解决

我的方法是,,他不是一个 弹出框吗,弹出框就是在底部创建了一个 div 的样式,,给他的css样式加上z-index:999 ,你会发现他就能在上面显示了
图片说明, 然后你只要给一个css样式加一个 z-index:999就解决了,,
比如我直接给
.modal-backdrop{
z-index:998;
}
就解决了,

这个不需要修改样式把?
<!--dialog start-->

×

1111

            <div class="modal-body">

1223423




//js 点击事件 $('#selectTrainer').modal('show'); //控制弹出

图片说明
还是上传代码图片吧,csdn把我的代码编辑了
添加js 点击事件 $('#selectTrainer').modal('show'); //控制弹出

u010518746
孓最求完美 ![图片说明](http://img.ask.csdn.net/upload/201606/01/1464772579_798697.png)说的模块框中的内容我是动态加载的,这是独立jsp中的内容![图片说明](http://img.ask.csdn.net/upload/201606/01/1464772691_561261.png)
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap 模态框 弹出慢的问题 已完结

$(document).ready(function(){ $('#waitDoRank').on('shown.bs.modal', function () { setTimeout(doRank(),500); }) }); 我监听了一个模态框,弹出的时候,运行doRank方法, 但是结果总是在doRank方法运行完了之后, 我的模态框才显示出来,请问是什么原因啊

bootstrap模态框显示时,主页面滚动条置顶

如题,在使用bootstrap模态框显示时,主页面滚动条置顶,一般什么原因造成的?

bootstrap弹出模态框显示动态内容

我想实现的功能是,点击删除按钮,弹出模态框,显示删除行的具体内容,点击保存则提 交该项id至服务器,用bootstrap应该如何实现?

bootstrap 搜索框 模态框

请教大神,bootstrap的模态框上的搜索框 ,搜索提示失效,该怎么解决

gridview中点击编辑,跳出bootstrap模态框中显示数据

我想要用ASP.NET中的gridview控件,点击编辑可以弹出bootstrap模态框显示数据,模态框已经设置好,就是没有数据。怎么传id啊,谢谢

bootstrap模态框中div切换问题

在第一次调用模态框显示第一个div内容,点击下一步,模态框消失了。再次调用模态框时,内容已经变成了第二个div的内容。 能不能不让模态框消失,点击下一步,直接显示第二个div的内容。只能上传一张图片,这是第一个div的内容。 ![图片说明](https://img-ask.csdn.net/upload/201804/11/1523423272_874756.png)ng)

关于Bootstrap模态框的关闭问题

我的模态框是关闭了,但是页面还是模态状态,不能点击页面,只能重新加载.怎么解决? 我的$("#myModal").("hide")方法试过了,模态框是关闭了,但是页面还是模态状态...求解决...

给select标签中的option添加bootstrap的模态框

给select标签中的option添加bootstrap的模态框,在谷歌浏览器中需要每次切换才会生效,在IE9中第一次选中不会弹出模态框,第二次以后点击会出现 ,怎么解决能只要点击就会出现模态框 代码: ``` <option value="4" data-toggle="modal" data-target="#query">自定义</option> ```

django bootstrap 模态框 数据无法动态加载

后台传递了一个list,然后我在循环中遍历,其他的都能遍历,到了模态框里就永远只能显示第一个了,我试过在js里让模态框隐藏时清除数据,还是没用。求帮助啊! 代码如下: {% for s in scenes%} <div class="caption"> <h3>{{s.name}}</h3> <div> <button class="btn btn-primary" data-toggle="modal" data-target="#mymodal" type="button" >详细</button> <div class="modal" id="themodal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title">详细内容</h4> </div> <div class="modal-body"> <table class="table table-striped"> <thead> <tr> <th>名字</th> <th>功率(w)</th> <th>开关</th> <th>温度(°c)</th> </tr> </thead> <tbody> <tr> <th>{{s.name}}</th> </tr> </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->

Boostrap 模态框弹出新增或修改页面的内容

Boostrap 模态框,在Index页面中申明一个div,点击button按钮,模态框弹出新增或者修改页面的内容。

bootstrap 模态框求教

![图片说明](https://img-ask.csdn.net/upload/201711/18/1510988877_618902.png)![![图片说明](https://img-ask.csdn.net/upload/201711/18/1510988601_346193.png)图片说明](https://img-ask.csdn.net/upload/201711/18/1510988580_659379.png)![![图片说明](https://img-ask.csdn.net/upload/201711/18/1510988614_670425.png)图片说明](https://img-ask.csdn.net/upload/201711/18/1510988608_316967.png) list页面引入edit,js控制模态框弹出,现在需要将两个页面分开,list不再引入edit页面,如何弹出模态框,两个页面分开为单独的![图片说明](https://img-ask.csdn.net/upload/201711/18/1510988842_771378.png)

bootstrap模态框中有图片,我如何将图片放大后显示在模态框上面阿,而不是像下面这样,有什么属性设置吗?

放大前: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571195701_960360.png) 双击放大后: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571195649_548951.png) 想让图片放大后覆盖模态框,设置z-index也不行! 谁知道图片如何脱离模态框阿 求大神!!!

bootstrap 模态框中怎么添加自己的样式

刚开始接触BOOTSTRAP,想做个模态框,但是添加自己的样式会乱 ```div class="modal fade" id="mymodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body" style="width: 700px;"> <span class="span_one">打个招呼吧!自己定义招呼回复率更高哟!</span> <div class="img_message"> <div class="img"> <img src="<%=basePath%>images/dazhaohu/115492929.jpg"/> <a href="javascript:;"><span class="img_span_01">小男人</span></a> <span class="img_span_02">22岁,重庆南岸,中专/职高/技校</span> </div> <div class="message"> <a href="javascript:;">换一组推荐</a> <span class="span_two"><input type="radio" checked="checked" /> 你给我的感觉还不错,觉得我如何?</span> <span class="span_two"><input type="radio" /> 你好,先生O(∩_∩)O!我很期待与你的进一步了解。</span> <span class="span_two"><input type="radio" /> 打个招呼,若有缘我想你会看到我的问候!</span> <span class="span_two"><input type="radio" /> 在线吗?聊聊呗?</span> <span class="span_two"><input type="radio" /> 不晓得你什么时候能看到我的来信,静等回复!</span> </div> </div> <input class="submit" type="submit" value="免费打招呼" /> </div> <div class="modal-footer"> 这是脚 </div> ``` ![图片说明](https://img-ask.csdn.net/upload/201510/31/1446284524_815071.png)

datetimepicker 影响Bootstrap 模态框的关闭

<div class="col-md-8"> <input class="form-control" placeholder="限办时间" id="limiteTimeStr" name="limiteTimeStr" value="<fmt:formatDate value='${tOrder.limiteTime}' pattern='yyyy-MM-dd'></fmt:formatDate>"> </div> $("[name='limiteTimeStr']").datetimepicker({ format:'yyyy-mm-dd', language: 'cn', todayBtn: true, clearBtn: true, autoclose: true, minView: 2, maxView: 4 }); url:WEBPATH+'/gdgl/saveOrder', type: 'post', success:function(data){ if(data.meta.result=='success'){ swal({title: "保存成功",text: "",type:"success"}); $("#myModal").modal('hide'); }else if(data.meta.code == '007'){ swal({ title : data.meta.message, text : "", type : "info" }); }else{ swal("保存失败!",data.data, "error"); } } 注销$("[name='limiteTimeStr']").datetimepicker({ format:'yyyy-mm-dd', language: 'cn', todayBtn: true, clearBtn: true, autoclose: true, minView: 2, maxView: 4 });这段保存成功或modal框正常关闭,不注销关闭不了

如何实现点击不同图片弹出相对应的模态框数据内容?

用的bootstrap写几个模态框弹出框,我想实现点击随机某个元素,弹出那个元素相对应的模态框的内容,数据都是数据库获取遍历出来的,是加参数还是怎么做?求解答!

Bootstrap 模态框中嵌入jqgrid 切换页面jqgrid宽度会变为0

有没有碰到过这种情况 :在火狐浏览器中 bootstrap的modal模态框中嵌套了jqgrid,在切换几个类似的模态框的时候 页面就变成这样了。。。很是奇怪 然后跟踪页面看到 jqgrid宽度为0 ![图片说明](https://img-ask.csdn.net/upload/201903/20/1553070512_2073.png) ![图片说明](https://img-ask.csdn.net/upload/201903/20/1553070743_285190.png)

.net 使用gridview+bootstrap模态框

.net 使用gridview+bootstrap模态框,怎样取gridview某列值放在模态框的input里 html代码: ``` <asp:TemplateField HeaderText="操作"> <ItemTemplate> <asp:Button runat="server" ID="edit" CommandArgument="<%# Container.DataItemIndex+1 %>" Text="Edit" CommandName="editLoc" CssClass="btn btn-primary" data-toggle="modal" data-target="#myModal" /> </ItemTemplate> </asp:TemplateField> ``` 模态框响应; function getGridViewValue(con_id, con_name, current_loc) { $('#myModal').on('shown.bs.modal', function () { $("#con_edit_id").val(con_id); $("#con_edit_name").val(con_name); $("#current_edit_loc").val(current_loc); }); } 后台代码: protected void gvin_RowCommand(object sender,GridViewCommandEventArgs e) { if (e.CommandName=="editLoc") { int index = Convert.ToInt32(e.CommandArgument.ToString()); Button btn = (Button)gvin.Rows[index].FindControl("edit"); btn.Attributes.Add("onclick", "getGridViewValue('" + gvin.Rows[index].Cells[0].Text + "','" + gvin.Rows[index].Cells[1].Text + "','" + gvin.Rows[index].Cells[2].Text + "')"); } }

调用bootstrap插件模态框问题

使用后所有网页都隐藏了,有大神知道怎么回事吗![图片说明](https://img-ask.csdn.net/upload/201811/27/1543308519_191192.jpg)

点击模态框的控件使另一个模态框出来,如何实现?

在登录的模态框上点击“立即注册”,想跳出注册的那个模态框。 ``` $("modal1").modal('hide'); $("modal2").modal(); ``` 这样不行

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

阿里面试官让我用Zk(Zookeeper)实现分布式锁

他可能没想到,我当场手写出来了

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

立即提问
相关内容推荐