bootstrap模态框中再弹出一个modal模态框被遮住问题

在bootstrap模态框中再弹出一个modal模态框被遮住了

 

解决方法：

我的问题是第一个弹框中再弹出第二个弹框，第二个弹框被第一个弹框覆盖在底部，如下所示：

 

<div class="modal fade" id="2-modal" tabindex="1" role="dialog" aria-labelledby="2-modal-label"

              aria-hidden="true">

           <div class="modal-dialog" >

             <div class="modal-content" >

               <div class="modal-header">

                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">

                   &times;

                 </button>

               </div>

               <div class="modal-body" >

               

               </div>

             </div><!-- /.modal-content -->

           </div><!-- /.modal -->

         </div>

<div class="modal fade" id="1-modal" tabindex="1" role="dialog" aria-labelledby="1-modal-label"

              aria-hidden="true">

           <div class="modal-dialog" >

             <div class="modal-content" >

               <div class="modal-header">

                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">

                   &times;

                 </button>

               </div>

               <div class="modal-body" >

               

               </div>

             </div><!-- /.modal-content -->

           </div><!-- /.modal -->

         </div>

 

所以：http://www.yayihouse.com/yayishuwu/chapter/2515