将模态框放到body的第一层，然后设置modal的z-index就可以了
我这边也遇到了同样的问题, 发现是点击按钮弹出modal窗口所在的页面 与 它的上级页面中的元素有重复的id值, 将id值修改为不同值, modal弹窗就不会置灰无法编辑了, 请做参考
弹出了2个modal，设下每个modal的id，设置不同就可以了
弹窗的某个父级元素的z-index影响到了，
