为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

慕容4345310 2018-10-10 11:07:44

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


查看完整描述

2 回答

?
qq_程翔_0


使用js代码实现如下

$('.modal-open').find('.modal-backdrop').remove();

因为遮挡主要是modal-backdrop类的问题导致。

查看完整回答
反对 回复 2019-07-24
?
慕田峪7331174

bootstrapt modal 官网解释:网页链接

通俗的讲,就是你的modal必须符合它的dom添加规则。给两个例子,就知道了。

正确显示:

modal定义在body下,在最后添加一行遮罩,正确显示;

错误例子:

同样在最后添加一行遮罩,但是此时被覆盖了。

原因:

正确部分的dom结构:

错误部门的dom结构:

解决方法:

取消自动添加遮罩,手动添加遮罩代码

在模态框启动是在对应位置添加遮罩代码,如:



查看完整回答
反对 回复 2018-10-27

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信