最近在使用bootstrap框架写网页,在使用模态框当作登录方式的时候,发现所有的表单数据异步验证正确,之后,模态框没有消失。
一开始以为设置模态框id为#myModal的div的display为none就可以解决,部分代码截图如下:
之后测试的时候发现在弹出模态框的时候,最下面增加了一个class=“.modal-backdrop”的div,之后在js代码中把这个div移除,发现解决了这个问题。但是返回的界面没有了滚动条,原先width为100%的块没有充满。一直没有解决,最后发现弹出模态框的同时,body增加了一个名为modal-open的class,问题终于解决了。
最后去查找bootstrap.css中的源码:
.modal-open {
overflow: hidden;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}