打开 Bootstrap 模态框后，无法点击任何内容。

10 浏览
0 Comments

打开 Bootstrap 模态框后，无法点击任何内容。

抱歉问一个基础问题，我正在使用MVC ASP.NET，并尝试在我的导航栏中添加一个Bootstrap模态框。我运行代码后，我可以看到按钮并点击它，但打开后屏幕上的元素无法点击，我必须按F5才能再次点击任何地方。这是我第一次使用Bootstrap的模态框，我在谷歌上搜索了很多，看是否需要编写一些JavaScript代码，但无论哪里都说只需要jQuery、bootstrap.js和.css文件就可以了。如果我漏了什么，请告诉我。谢谢。这是我的代码。

附注：我已经使用Bootstrap制作了一个工作的轮播图。

@if (Session["usuario"] == null)

{

@ViewBag.NoUser

}

0

3 答案

0 Comments

在我这个案例中是如何解决的。

问题是在复制模态框并进行一些更改后，我把所有的内容放在了对话框部分，并删除了模态框内容和主体。因此，为了使元素能够点击，将主要内容添加到模态框的内容部分或者最好是主体部分。这样就可以解决问题了。

0
0 Comments

这个问题的出现原因是因为模态框（modal）被设置为焦点。解决方法是使用以下代码：

$(document).off('focusin.modal');

这行代码的作用是取消模态框的焦点设置。

0
0 Comments

问题出现的原因是modal-backdrop的z-index被设置为-1，导致无法点击任何内容。解决方法是将z-index设置为合适的值。

文章内容如下：

问题描述：打开Bootstrap模态框后无法点击任何内容

解决方法：修复modal-backdrop的z-index值

问题出现的原因是modal-backdrop的z-index被设置为-1，导致无法点击任何内容。为了解决这个问题，我们需要将z-index值设置为合适的值。

以下是一段可能解决问题的代码：

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

这段代码将modal-backdrop的z-index设置为1040，这是Bootstrap官方建议的值。然而，一些用户在2020年遇到了这个问题，并且发现将z-index设置为1040并不能解决问题。

虽然这段代码可能解决问题，但是提供一些解释可以提高帖子的质量。请记住，你在回答问题时是为了未来的读者，而这些读者可能不知道你提供代码建议的原因。

希望以上解决方法能帮助到你！

0