bootstrap modal 弹出失效

首先，在html中，如果出现如下的代码：

<div style="z-index:1; color:black;position:fixed;">
    A
    <div style="z-index:1000;">
    B
    </div>
</div>
<div style="z-index:10; color:green;">
    C
</div>

我们以为这样就可以让A在最底层，B在最上层，而实际上position：fixed（relative也是这样）使他的子div的层和他有同样的z-index。因此，实际的层应该是C在最外层，A和B在底层。
在明白这种情况后，如果modal弹出出现了错误，可以看一下在包含modal的父元素中有没有设定z-index和postion的，如果有，可以改成position：static或者把modal移到外层。