bootstrap模态框不在最上层

如题:已经将模态框的z-index:设置成了1111111;但是仍然不是在最上层,亟待解决~~具体情况如图所示图片描述

阅读 19.5k
3 个回答

应该是你的.modal-backdrop样式设置成了111111,导致背景在窗口之上了,应该讲值设置小点,让其在窗口下面即可。

clipboard.png

反对高票答案。

这个问题的原因在于,bootstrap 要求模态框组件放在根节点下,你应该是把他放到了其他DIV中,而那个DIV的zindex,在同级父节点中,小于遮罩层(遮罩层由bootsrap自动添加)。

所以你模态框组件zindex设置再大,也不会超过根节点的设置

解决方式只有把模态框组件放到根节点下。

模态框的html中的二级div设置z-index成111111,我觉得你是设置了第一级的div的z-index成了111111

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题