Como faço para que o AutoCompleteExtender seja renderizado acima dos controles selecionados no IE6

Question

Quando um AutoCompleteExtender é exibido no IE6, parece ignorar o índice z e renderiza abaixo de qualquer controle de seleção (como listas suspensas) no 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>

Como faço para renderizar acima listas suspensas?

Answer 1

@Órion tem isso parcialmente correto - existe uma outra maneira para lidar com isso, e isso é cobrir as listas de seleção ofensivas com um iframe.Esta técnica é usada em ThickBox de Cody Lindley (escrito para jQuery).Veja o código para obter detalhes sobre como fazer isso.

Answer 2

Nada é renderizado abaixo dos controles selecionados no IE6.É um dos muitos “recursos” que a Microsoft nos concedeu quando presenteou o mundo com o IE

Você tem que escondê-los e depois mostrá-los novamente.

Observe o script lightbox padrão - que faz exatamente isso

(observe que o link é apenas para a primeira coisa que encontrei no Google que tinha a fonte lightbox.js como demonstração.Não tem nada a ver com mais nada)