u010518746
孓最求完美
采纳率0%
2016-06-01 08:16 阅读 17.0k

bootstrap 模态框弹出时被遮罩层挡住了,怎么解决

1

遮罩层样式!图片说明
模态框样式图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

9条回答 默认 最新

  • weixin_38360710 weixin_38360710 2018-11-20 02:13

    你把modal放在了某个div里面了,应该放在body下

    点赞 3 评论 复制链接分享
  • apbbbbb 旋转的钢笔 2016-06-01 08:48

    这个不需要修改样式把?
    <!--dialog start-->

    ×

    1111

                <div class="modal-body">
    

    1223423




    //js 点击事件 $('#selectTrainer').modal('show'); //控制弹出
    点赞 1 评论 复制链接分享
  • u010518746 孓最求完美 2016-06-01 09:22

    图片说明这是模态框代码

    点赞 1 评论 复制链接分享
  • apbbbbb 旋转的钢笔 2016-06-01 08:50

    <!--dialog start-->

    ×

    #springMessage("employee")

                <div class="modal-body">
                     <iframe name="selectTrainerFrame" id="selectTrainerFrame" height="600" frameBorder=0 src="" width="100%"></iframe>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    
    点赞 评论 复制链接分享
  • apbbbbb 旋转的钢笔 2016-06-01 08:53

    图片说明
    还是上传代码图片吧,csdn把我的代码编辑了
    添加js 点击事件 $('#selectTrainer').modal('show'); //控制弹出

    点赞 评论 复制链接分享
  • u010518746 孓最求完美 2016-06-01 09:19

    图片说明说的模块框中的内容我是动态加载的,这是独立jsp中的内容图片说明

    点赞 评论 复制链接分享
  • u010518746 孓最求完美 2016-06-01 09:19

    图片说明现在显示的是这个样子,怎么解决

    点赞 评论 复制链接分享
  • qq_38686693 名字又长脸又方 2017-09-16 09:18

    我的方法是,,他不是一个 弹出框吗,弹出框就是在底部创建了一个 div 的样式,,给他的css样式加上z-index:999 ,你会发现他就能在上面显示了
    图片说明, 然后你只要给一个css样式加一个 z-index:999就解决了,,
    比如我直接给
    .modal-backdrop{
    z-index:998;
    }
    就解决了,

    点赞 评论 复制链接分享
  • qq_34289981 哈尔滨烤冷面 2020-10-22 14:15

    在css里面添加以下代码即可

            .modal-backdrop {
                position: unset !important;
            }
    
    点赞 评论 复制链接分享

相关推荐