Question

我按钮的一半有效。我发现原因是当模态打开时，模态位置覆盖了我的按钮的右半部分。由于这个原因，我似乎无法完全按下按钮。我按钮的左半部分是可点击的。

以下Image显示了模式如何覆盖按钮的右半部分。

如果我点击按钮的左半部分，模态就可以完美地工作。但右半边是问题。

<button type="button" class="btn btn-info btn-primary btn-lg" data-toggle="modal" data-target="#departmentModal">Add/Update Departments</button>
            <!-- Modal -->
            <div id="departmentModal" class="modal fade" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Department PopUp</h4>
                        </div>
                        <div class="modal-body">
                            <table id="tblAddDepartment">
                                <tr>
                                    <td style="text-align: right">
                                        <asp:Label ID="lblBusinessUnitCode" runat="server" Text="Business Unit Code: " /></td>
                                    <td>
                                        <asp:TextBox ID="txtBusinessUnitCode" runat="server" MaxLength="1" /></td>
                                </tr>
                                <tr>
                                    <td style="text-align: right">
                                        <asp:Label ID="lblDepartmentCode" runat="server" Text="Department Code: " /></td>
                                    <td>
                                        <asp:TextBox ID="txtDepartmentCode" runat="server" MaxLength="4" /></td>
                                </tr>
                                <tr>
                                    <td style="text-align: right">
                                        <asp:Label ID="lblDescription" runat="server" Text="Business Unit - Department Code: " /></td>
                                    <td>
                                        <asp:TextBox ID="txtDescription" runat="server" /></td>
                                </tr>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" runat="server" onserverclick="btnSubmitDepartment_Click" data-dismiss="modal">Submit</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

半模式打开按钮工作

0 个答案: