bootstrap modal多层使用小结

bootstrap modal 弹出框在开发中使用是很平常的，最近在使用的时候遇到些小问题，问题如下：

1、比如两个modal,modal A先弹出，在modal A上单击按钮弹出modal B，modal A的内容多于modal B并且modal A带有滚动条，在modal B关闭的时候，modal A的滚动条消失了，导致页面不能用，解决方案如下：

添加全局样式：

.modal{overflow:auto!important;}

原因是：在modal B关闭的时候会把modal A的 overflow-x，overflow-y属性给去掉，故滚动条会消失，添加上面的css代码可以让页面自动的识别页面内容自动添加滚动条；

2、两个modal A 、B，A先弹出，点击A上的按钮弹出B，但是B弹出后确出现在A的下面，解决方案如下：

调整代码顺序，在代码端使得A的位置在B的位置之前，浏览器读取的时候默认为在下面modal的代码层级比在前面的高；