bootstrap的modal能不能达到背后阴影同时又是static的效果

你好。

可以做到的，早期版本的 WeCenter 快速发起就是这样子的

给那个live demo按钮加上data-backdrop="static"

或者jQuery里绑定的时候加上

$('#myModal').modal({

backdrop: 'static'

})

如果我的回答没能帮助您，请继续追问。.

1.这个问题是两种写法不同造成的

第一种

$('#avatar-modal').modal('hide')

这种写法模态框会关闭，并背景恢复。

第二种

$('#avatar-modal').modal().hide()

这种写法，模态框会消失，但暗色背景仍然在。不能 *** 作。

所以建议bootstrap相关语法，用第一种即可。

2.解决二级模态框关闭后，遮罩阴影依然存在，导致页面无法 *** 作的BUG

在项目后台中由于需要展示二级模态框，在点击关闭二级模态框（d出框）的时候出现了遮罩阴影依然存在，导致页面呈现暗灰色，无法 *** 作的现象效果图如下：

出现改问题的原因是：由于点击“关闭”按钮或点击模态框右上角的“X”或点击模态框右边的空白处，会使两层或多层模态框同时关闭，但是modal自己生成的遮罩层只关闭了一个，其他的依然存在，因此导致遮罩阴影覆盖原有页面，导致无法 *** 作页面。

解决问题的方法：（1）当最外层的modal关闭后，手动删除所有的遮罩层：$("#soldier-modal”).remove()

问题总结： 这些问题所涉及到的都是些前端的知识，是bootstrap中的模态框的应用。

---