Question

我有一个ASPX页面，其中jQuery UI对话框将出现在屏幕上，点击按钮，当UI对话框处于活动状态时，用户无法与任何其他控件交互.IT工作正常。但是我在页面中有一个下拉列表（选择）。它仍处于活动状态。用户可以从下拉列表中选择任何选项。我知道在IE6中，它考虑选择框作为新元素。我怎么解决这个问题？我想在UI对话框处于活动状态时重新设置用户更改下拉列表内容

有什么想法？提前致谢

编辑我头脑中的风格

<style type="text/css">
    body { font-size: 62.5%; }
    label, input { display:block;
        width: 94px;
    }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain {  width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
    .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
    #dialog{
     display: none;
    }


</style>

我正在使用dialog.open方法来显示对话框

 $("#dialog").dialog("open");

Answer 1

基于以下示例：

http://jsbin.com/ibeje

我无法复制正在发生的事情。还有其他事情要发生。您是自己设置选择框的z顺序吗？

Answer 2

我目前正在使用IE6遇到同样的事情。我的aspx页面有几个html选项，它们通过显示在它们上面的jQuery UI 1.7.1对话框显示。我相信这种情况正在发生，因为对话框没有在对话框下放置隐藏/零不透明度 iFrame。我希望UI开发人员已经为我们的IE6人员做过这样的事情，但事实确实如此。

当我找到一个方便的解决方法时，我会发布它，或者如果其他一些善良的灵魂可以这样做那将是伟大的。

提交的链接 altCognito 也会在IE6中出现此问题。

此页面引用iframe修复程序，但不是专门用于UI对话框： ht tp：//stackoverflow.com/questions/7937/solve-the-ie-select-overlap-bug

抱歉，我是新用户，不允许新用户发布工作超链接

另外，您使用的是：

$（'。selector'）。dialog（{modal：true}）;

使对话框模态化并阻止与父页面的交互？

Answer 3

在您需要设置bgiframe：true的对话框中，还包含bgiframe插件

see here

JQUeryUI对话框和HTML选择

3 个答案: