Question

当在IE6中显示AutoCompleteExtender时，它似乎忽略了z-index并在IE6中的任何选择控件（如下拉列表）下面呈现。

<asp:TextBox ID="TextBox1" runat="server"  />
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" 
    TargetControlID="TextBox1" EnableCaching="true" CompletionSetCount="5" 
    FirstRowSelected="true" ServicePath="~/Services/Service1.asmx" ServiceMethod="GetSuggestion" />
<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="Item 1" Value="0" />
    <asp:ListItem Text="Item 2" Value="1" />
</asp:DropDownList>

如何在下拉列表上面进行渲染？

Answer 1

IE6中的选择控件下面没有任何内容。当它们向世界提供IE时，它是微软授予我们的众多“功能”之一

你必须隐藏它们，然后重新显示它们。

观察standard lightbox script - 这正是这个

（请注意，链接只是我在google上发现的第一件事，它将lightbox.js的来源作为演示。它与其他任何东西无关）

Answer 2

@Orion有部分正确 - 还有另一种方式来处理这些问题，那就是用iframe覆盖有问题的选择列表。这种技术用于Cody Lindley's ThickBox（为jQuery编写）。有关如何执行此操作的详细信息，请参阅代码。

如何在IE6中的选择控件上方进行AutoCompleteExtender渲染

2 个答案: