模态对话框被灰色阴影遮罩挡住的问题

原因:是因为.modal-backdrop  和  .modal-dialog  里面的  z-index 属性等级问题。

解决办法:

  1. 首先找到 .modal-backdrop 里面 z-index  的值

    本人显示为:  z-index: 10
  2. 其次找到 .modal-dialog 里面的 z-index 的值

    本人显示为:  z-index: 10  (所以报错了)
  3. 最后修改: 只需修改其中的一个值即可。

    规则:.modal-dialog  中 z-index 的值要大于  .modal-backdrop 中的值。
    将:.modal-dialog 中的 z-index 值改为: z-index: 11

成功解决

 

 希望以上能对你有帮助。

posted @ 2021-05-13 21:30  Erudite  阅读(162)  评论(0编辑  收藏  举报