Php 模态不'；t变得专注

我试着用情态动词。当我尝试单击模态时，它无法聚焦。我正在调用顶部导航栏中的模式，它是下拉菜单（位于右上方）。我上传了一张照片，链接在代码下面。我正在使用引导。我从你那里得到了这个片段

我的代码：

<ul class="nav navbar-right top-nav">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin User <b class="fa fa-angle-down">
            </b></a>
        <ul class="dropdown-menu">
            <!--=====HERE IS WHERE I CALL THE MODAL=====-->
            <li>
                <a href="#" data-toggle="modal" data-target="#changeProfile"><i class="fa fa-fw fa-cog">
                    </i> Change Profile</a>
            </li>
            <li class="divider">
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-power-off">
                    </i> Logout</a>
            </li>
        </ul>
    </li>
</ul>
<!-- Modal Add Brand -->
<div class="modal fade" id="changeProfile" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3>
                    Change Profile
                </h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="txtBusName" class="col-sm-2 control-label">Username</label>
                        <div class="col-sm-10">
                            <input type="text" id="txtUsername" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="txtBusDesc" class="col-sm-2 control-label">Password</label>
                        <div class="col-sm-10">
                            <input type="password" id="txtPassword" class="form-control">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal Add Brand -->

&时代；
更改配置文件
用户名
密码
提交

---

谢谢

您的模式框的

z-index

值似乎低于用于“阻止”页面内容的半透明暗

div

。尝试增加模式框的

z-index

值

#changeProfile {
  z-index: 9999;
}

---

我试过了，什么也没发生。无论如何，谢谢。请分享您的代码，我们将尽力提供帮助。您尝试使用的模式请提供链接或任何参考