bootstrap modal框出现蒙层,无法点击modal框内容

出现这种情况是因为蒙层的 `z-index` 值比 Modal 框的 `z-index` 值高，导致 Modal 框无法响应用户的操作。解决这个问题的方法有两种：

1. 将 Modal 框的 `z-index` 值设置得比蒙层高，例如：

.modal {
  z-index: 1050;
}

2. 将蒙层的 `pointer-events` 属性设置为 `none`，例如：

.modal-backdrop {
  pointer-events: none;
}

这样可以让鼠标事件穿透蒙层，直接作用在 Modal 框上，从而解决无法点击 Modal 框内容的问题。需要注意的是，这种方法可能会导致蒙层下面的其他元素也能响应鼠标事件，所以需要根据实际情况进行判断和选择。