引导模态无效

时间:2018-07-24 21:42:08

标签: javascript html css bootstrap-4

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

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

这是网站,请单击页面底部的按钮:

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

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

1 个答案:

答案 0 :(得分:2)

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

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