bootstrap模态框不显示时挡住页面

围巾的ACM

于 2018-06-12 23:41:59 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_21057881/article/details/80672897

6 篇文章

订阅专栏

本文介绍了一个常见的Bootstrap模态框问题：模态框未显示时会遮挡页面上的其他元素，导致无法进行交互。文章提供了一个简单有效的解决方案，只需在模态框的HTML代码中添加一行样式属性即可解决遮挡问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用bootstrap模态框的时候模态框没显示出来的时候，页面有部分地方的按钮或者是元素都无法点击选中，打开浏览器调试工具发现是有模态框的html代码遮住了，这个时候只需要加一句

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display:none">

注意最后的style="display:none"即可解决

bootstrap模态框 不显示时挡住页面