如何去掉bootstrap模态框的遮罩层?

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

bootstrap模态框

模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。

如何去掉bootstrap模态框的遮罩层?

添加css样式

.modal-backdrop {
 	opacity: 0 !important;
 	filter: alpha(opacity=0) !important;
}

去掉之前:

1.png

去掉之后:

2.png

更多web开发cssbootstrap知识,请查阅 HTML中文网 !!

以上就是如何去掉bootstrap模态框的遮罩层?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏