JQuery 模态不会在 IE6 中的列表框顶部

Question

我有一个 aspx 页面，其中包含一个 JQuery UI 模态 (modal=true) 和一个表中的 asp.net 列表框。每当调用模态时，它总是显示在列表框后面而不是顶部。我已经尝试在两个对象上设置 z-Index 属性，但这似乎没有太大区别。请注意，我尝试过同时使用绝对定位和相对定位。

这只发生在 IE6 中。 IE 7 可以，但不幸的是我需要使用 IE6 浏览器。

这是包含列表框的表格中的行片段:

                        <tr style="position: relative; z-index: 80;">
                            <td colspan="3" style="position: relative; z-index: 80;">
                                <asp:ListBox ID="lstSites" runat="server" Height="100px" Width="100%" SelectionMode="Multiple"
                                    ></asp:ListBox>
                            </td>
                        </tr>

这是 JQuery:

    <script type="text/javascript">

        $(function () {
            $("#dialog:ui-dialog").dialog("destroy");

            $("#helpModal").dialog({
                autoOpen: false,
                height: 250,
                width: 350,
                modal: true                  
            });

            $("#<%= imgHelpIcon.ClientID %>")

        .click(function () {
            $("#helpModal").dialog("open");
        });
        });



    </script>

<%--Help modal s--%>
<div id="helpModal" class="" title="Help!!" style="z-index: 100;">
    <div style="z-index: 300;">
        <h4>
            Help info.....
        </h4>
    </div>
</div>

任何人都可以提出任何建议吗？

谢谢

Answer 1

我知道在 IE6 中处理此问题的唯一方法是隐藏列表框(选择元素)或将弹出窗口放在 iframe 中。

Google 搜索“ie6 选择 z-index 错误”以获取更多信息。