bootstrap modal 弹出失效

最新推荐文章于 2024-09-23 15:25:43 发布

lovenkcs

最新推荐文章于 2024-09-23 15:25:43 发布

阅读量3.5k

点赞数 1

分类专栏： web 文章标签： html bootstrap

本文链接：https://blog.csdn.net/lovenkcs/article/details/50901564

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

首先，在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移到外层。