bootstrap有个modal的东西，不显示的时候遮住了正常的页面内容，无法点击，如何解决？

Question

bootstrap有个modal的东西，不显示的时候遮住了正常的页面内容，无法点击，如何解决？

我试用了index-z，可还是不怎么好，如果你设置modal小于正常页面嘛，那modal显示的时候也用不了啊。

modal是弹出框。但是它隐藏的时候，还是在正常页面占据一定的位置，如果层级高，还遮住了正常页面的连接，按钮什么的。

Answer 1

这个我知道！！！给modal的class值里加一个 hide 在没有调用它的时候就隐藏了 不会影响其他元素的显示和JS效果

Answer 2

你可以动态加载和卸载，用的时候append到body上，隐藏的时候从body移除

Answer 3

明显的你的盒模型排放有问题。