Bootstrap遮罩层问题(网页灰色覆盖无法点击但可滚动问题)

这是我遇到的遮罩层backdrop问题，在运用bootstrap模型时，弹出框被遮罩层遮挡，无法点击，但可滚动。

问题情况样式：

无法点击但可滚动

这种情况通常是由于模态框的遮罩层（backdrop）导致的。在Bootstrap中，默认情况下，模态框显示时会添加一个半透明的背景遮罩层，以防止用户与背景内容进行交互。但是这也导致了遮罩层可能会使页面上的其他元素无法点击。

解决代码：

data-backdrop=false

在div的class的css里添加data-backdrop=false，或者直接style里添加data-backdrop=false，禁用模态框的遮罩层。

具体案例：

<a id="register-btn" href="#pills-month" aria-controls="pills-month" class="btn btn-primary" style="width: 150px; font-weight: bold; font-size: 1.2em; display: block; margin: 0 auto;" data-bs-toggle="modal" data-bs-target="#exampleModal" data-backdrop="false">注册</a>

解决成功样式：

data-backdrop=false 禁用模态框的遮罩层

解决成功。