0

我在我的 aspx 页面中创建了 jquery 弹出对话框和 asp.net 下拉列表控件。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" ></script>
<script src="//code.jquery.com/ui/1.10.0/jquery-ui.js"  type="text/javascript" ></script>
<script type="text/javascript">

    $(document).ready(function () {

        $('#div_popup').dialog({     
            resizable: true,               
            height: 300,
            width: 300,
            position: 'center',
            zIndex: 10000              
        });

    });
</script>


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" type="text/css" />
<style type="text/css" >
    #div_dropdownlist
    {
        margin-left : 50%;
        margin-top : 50%;     
        z-index: -1;        
    }
    #div_popup
    {}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="div_dropdownlist">
    <asp:DropDownList runat="server" ID="ddlList" Width="200px"></asp:DropDownList>
</div>
<div id="div_popup">
        My test Popup
</div>
</form>
</body>
</html>

我的目的是当您将它拖到其他控件上时，在所有其他控件上显示 jquery 对话框弹出窗口。
除了 IE6，所有浏览器都运行良好。

在此处输入图像描述

我试过css zIndex。但它在IE6中没有效果。

所以，请让我知道如何在 IE6 中使其正确。

更新

我将 div 弹出样式更改为

#div_popup
    {
        z-index: 10000;        
    }

我已将我的 jquery 对话框 css 样式更改为

$('#div_popup').dialog({     
            ...

            zIndex: 10000              
        });

但在 IE6 中，当我拖动该控件时，该 jquery 弹出窗口无法显示在 asp.net 下拉列表框上。

供您参考，这里是my_source_code。

4

1 回答 1

0

如http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/中所述， 有一个 ie 错误，选择框显示在顶部。我会按照建议隐藏选择框，或者为 ie6 使用 shim。

于 2013-02-01T05:03:56.433 回答