模态框出现阴影覆盖,控件不可用 #31

Modals appear with shading overlay, controls unusable #31

我正在尝试使用通过按钮打开的模式。最终,它将成为一种形式。但是,就目前而言,任何类型的基本模态测试都会成功。

问题是,每个模态都出现了阴影,不仅在它后面而且在前面。这意味着页面上的所有内容(模态框和后面的页面)都是不可点击的。

这是我的代码 - https://www.pastiebin.com/593c55bebedd8

仅供参考,这是 运行 通过 WordPress,导航栏内容(带有有问题的按钮)运行 通过 bs4navbar - 但是当我手动编码模态代码时我也遇到了问题直接。

我很想知道问题出在哪里。

问题是 HTML 模态代码位于导航元素内。将模态 HTML 部分移动到 </body> 之前或根主体级别的某个位置,一切都会好起来的。