asp.net - 下拉和 jquery-ui 对话框的问题

Question

我有一个页面，其中包含来自 jQuery UI 库的dropdown列表和组件。Dialog

但问题是dropdown列表出现dialog box在 IE7 中。在 chrome、Mozilla Firefox 中它工作正常。

这是jquery的代码： -

var divdialog = $('#divdialog'); divdialog.dialog('destroy');
    divdialog.dialog({
        autoOpen: true,
        height: 310,
        width: 570,title: "Look Up",
        modal: true,
        open: function () {$('#testframe').attr("src", strValue);
        $('#testframe').height($(this).height()-5); $('#testframe').width($(this).width()-10);         
            },
        close: function (e) {
            $('#divdialog').remove();
            //divdialog.html('');
           // divdialog.dialog('destroy');
            },
        resizable: true,
        resize: function() { $('#divdialog iframe').hide(); },
        resizeStop: function() { $('#divdialog iframe').show(); 
        $('#divdialog iframe').height($(this).height()-10);  
        $('#divdialog iframe').width($(this).width()-10); } ,
        closeOnEscape:true,
        draggable:true
    })

这是 UI 的代码：-

        <div id="divdialog" style="display:none;">
             <iframe id="testframe" frameborder="0" title="dialogBox"><p>not supportted iframe</p></iframe>
    </div>

<asp:DropDownList  ID="ddlRoleNames" runat="server" Width="180px" 
                                    OnSelectedIndexChanged="ddlRoleNames_SelectedIndexChanged" AutoPostBack="true">
                                </asp:DropDownList>

关于这个问题的任何想法？

Answer 1

这可能是因为 Z-index，为什么因为即使您的元素的 z-index 为 1000，如果两者都不在 Z-index 为 1 的元素下方，该元素也有可能位于相同的堆叠上下文。

因此，请尝试在下拉列表中将位置设为绝对位置并告诉我。

看看下面的问题也可能有帮助

IE7 Z-Index 分层问题

希望这可以帮助