小编use*_*252的帖子

我需要能够在另一个模态中打开模态(而第一个模态保持打开状态).这是一个例子:

http://jsfiddle.net/k2coz893/2/

当你打开第二个模态时,你会注意到第二个模态的背景/背景没有覆盖第一个模态(即当第二个模态打开时,第一个模态仍然可以清晰地看到).这似乎是因为z-index第二个模态的背景与另一个相同,因此第一个模态仍然可见.

我怎么能阻止这个？如何让第二个模态的背景覆盖第一个模态？

HTML:

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch first modal
</button>

<div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div><div class="alert alert-success" role="alert">...</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
  <div …