Bootstrap确认模态bihaind主模态

Question

我有图片库和评论。该图像以模态打开。 当我尝试删除图像评论时，我打开新的确认模式。问题是因为确认模态成为双模的主要模态。检查截图

1号是主要模式。点击x里面的评论我打开2号模态，但他是bihaind。

我尝试将删除模式首先放在z-index但不起作用

#confirm-delete {
    z-index: 1000 !important;
}

Answer 1

永远不要手动设置模态的z-index！

问题出现是因为Bootstrap没有订购模态＆＃39;默认为z-index。

我个人使用这个：http://jschr.github.io/bootstrap-modal只需很少的配置就可以使Bootstrap模态变得更好。它是可堆叠的，它可能只是解决问题的最佳方式。

我假设您使用的是Bootstrap 3，以下代码表现良好。

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script>

按此顺序加载CSS资源，插件将自动管理模态的z-index。