1

jQuery UI ライブラリのdropdownリストとコンポーネントを含むページがあります。Dialog

しかし、問題はIE7でdropdownリストが表示されることです。クロム、Mozilla Firefoxでは正常に動作します。dialog box

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>

ここに画像の説明を入力

この問題に関するアイデアはありますか？

4

1 に答える 1

0

これは Z-index が原因である可能性があります。要素の z-index が 1000 であっても、両方が含まれていない場合、z-index が 1 の要素の下にその要素が存在する可能性があるからです。同じスタッキング コンテキスト。

ドロップダウンで絶対的な位置を指定して、私に知らせてください。

以下の質問も見てください。

IE7 Z-Index レイヤー化の問題

お役に立てれば

于 2012-12-24T09:00:33.137 に答える