css - bootstrap模态框不在最上层

Question

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

Answer 1

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

Answer 2

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

Answer 3

反对高票答案。

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

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

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