我已经在我的网站上使用了boostrap模式片段。但是,当我单击它时,整个页面显示为灰色,并且模型表格处于非活动状态。
有人知道为什么会这样吗?
这是网站,请单击页面底部的按钮:
http://www.playersleague.co.uk/kids/?page=Home
以下是用于创建模式的代码:https://bootsnipp.com/snippets/featured/squarespace-like-modal
答案 0 :(得分:2)
将.modal-backdrop
的z-index值设置为0
或-1
应该可以解决此问题。
.modal-backdrop {
z-index: -1;
}