下拉列表和jquery-ui对话框的问题

Question

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

但问题是dropdown列表出现在IE7的dialog box上。在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
    })

以下是用户界面的代码： -

        <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 Layering Issues

希望这有帮助