引导模态无效

Question

我已经在我的网站上使用了boostrap模式片段。但是，当我单击它时，整个页面显示为灰色，并且模型表格处于非活动状态。

有人知道为什么会这样吗？

这是网站，请单击页面底部的按钮：

http://www.playersleague.co.uk/kids/?page=Home

以下是用于创建模式的代码：https://bootsnipp.com/snippets/featured/squarespace-like-modal

Answer 1

将.modal-backdrop的z-index值设置为0或-1应该可以解决此问题。

.modal-backdrop {
  z-index: -1;
}