码上敲享录 > bootstrap简单例子分享 > 在bootstrap模态框中再弹出一个modal模态框被遮住了

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

上一章章节目录下一章 2020-04-02已有2325人阅读 评论(0)

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


解决方法:

我的问题是第一个弹框中再弹出第二个弹框,第二个弹框被第一个弹框覆盖在底部,如下所示,2-modal在1-modal的前面导致的,所以把2-modal复制到1-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>


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交