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

Question

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

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

Answer 2

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

Приходится их скрывать, а потом снова показывать.

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

(обратите внимание, что ссылка относится только к первому объекту, который я нашел в Google, в котором в качестве демонстрации использовался исходный код Lightbox.js.Это не имеет ничего общего ни с чем)