Как сделать так, чтобы AutoCompleteExtender отображал выше выбранные элементы управления в IE6

Question

Когда в IE6 отображается AutoCompleteExtender, кажется, что он игнорирует z-index и отображает под любыми элементами управления (например, dropdownlists ) в 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>

Как мне сделать это выше dropdownlists ?

Answer 1

Ничего не рендерится ниже выбранных элементов управления в IE6. Это одна из многих «функций», которыми Майкрософт наградил нас, когда они подарили IE миру 100 *

Вы должны спрятать их, а затем снова показать их.

Соблюдайте стандартный скрипт лайтбокса - который делает именно это

(обратите внимание, что ссылка - это только первое, что я нашел в Google, где в качестве демонстрации использовался источник для lightbox.js. Это никак не связано с чем-либо еще)

Answer 2

@ Orion имеет это частично правильно - есть еще один способ справиться с ними, и это покрыть оскорбительные списки выбора с помощью iframe. Эта техника используется в ThickBox Коди Линдли (написано для jQuery). Подробнее о том, как это сделать, см. В коде.