Javascript 隐藏在引导表后面的jQuery对话框

得到一个显示数据的表单。单击表单字段时，将打开jQuery对话框来编辑该值。但是对话在桌子后面消失了。我不知道如何纠正这个问题

下面是一些代码。 表代码

<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">

以及该问题的屏幕截图

---

我可以通过在引导后加载的css文件中将.ui对话框类的z-index属性设置为1000来更正它。有效地覆盖它

.ui-dialog {z-index:1000;}

---

您能否将表单的z-index更改为某个极高的值，以查看它是否位于表的顶部

z-index:999

？使用浏览器开发工具检查活动html中任何元素的css非常简单。然后，您可以在该活动页面中编辑z索引，直到它清除为止。然后更新css文件中的样式规则OK我将尝试修改z索引，直到我可以清除它。我不是一个设计高手，所以很多CSS的东西对我来说都是新的。我可以通过将.ui对话框类的z-index设置为1000来纠正它。请提交并回答John，我将接受。谢谢你给我指明了正确的方向。

<div id="dialog" title="" style="overflow: hidden;"></div>

function OpenDialog(urlAction) {
            $('#dialog').dialog({
                autoOpen: false,
                width: 400,
                resizable: false,
                modal: true,
                closeOnEscape: true,
                draggable: true,
                resizable: true,
                title: "PTP Popup",
                open: function (event, ui) {
                    $(this).load(urlAction);
                },
                buttons: {
                    "Close": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('#dialog').dialog('open');
        }

.ui-dialog {z-index:1000;}