AutoCompleteExtender и ModalPopupExtender: отображение текста за всплывающим окном

@Виктория1992 · Регистрация: 11.06.2013

Студворк — интернет-сервис помощи студентам

всем привет.
на страничке вызывается по кнопке всплывающее окно ModalPopupExtender которое содержит UpdatePanel
на которой размещено текстовое поле с autocompleteextender.
при вводе значений в текст бокс всплывают значения из БД, но проблема в том что они отображаются за всплывающим окном.
подскажите как это пофиксить? может стилем каким отображения этого списка?

@sau · 18.11.2014, 12:56

css z-index

@Виктория1992 · 18.11.2014, 14:48 **[ТС]**

sau,
а можно по подробней)
не совсем поняла)

Добавлено через 24 минуты
пробую изменить индекс ,но все равно в том же положении остается(((

Добавлено через 20 минут
z-index: 9999 !important;

не помогает ((

Добавлено через 25 минут
ура,я сделала его!!!!!))
вот стиль его

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
  .CompletionListCssClass
{
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    background: #fff;
    width: 300px;
    float: left;
    z-index: 1;
    position:absolute;
    margin-left:0px;
}

а вот вот сам автокомплит)

HTML5
1
2
3
4
5
6
7
8
9
10
11
<ajaxToolkit:AutoCompleteExtender ID="autoComplete1" runat="server"
                TargetControlID="TextBox4" ServicePath="AutoCompleteService.asmx"
                ServiceMethod="GetNames" MinimumPrefixLength="3" 
                    CompletionInterval="1000"
        EnableCaching="true" 
        CompletionSetCount="10" 
               CompletionListCssClass="CompletionListCssClass"
        CompletionListItemCssClass="CompletionListItemCssClass" 
                     CompletionListHighlightedItemCssClass="CompletionListHighlightedItemCssClass" 
        OnClientItemSelected="itemSelected" Enabled="true" FirstRowSelected="true">
                </ajaxToolkit:AutoCompleteExtender>

sau, спасибо ,что направил меня в правильном направлении :**

@Виктория1992 · 19.11.2014, 11:27 **[ТС]**

для наглядности проблемы скинула скрин
вот код страницы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<body>
    <form id="form1" runat="server">
        <div>
            <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" CombineScripts="false" />
        </div>
       
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" Width="539px" />
        <asp:ModalPopupExtender ID="modPop" runat="server" DynamicServicePath="" Enabled="True" PopupControlID="UpdatePanel1" TargetControlID="Button1" BackgroundCssClass="modal">
        </asp:ModalPopupExtender>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                 <asp:TextBox ID="TextBox4" runat="server"   />
                <ajaxToolkit:AutoCompleteExtender ID="autoComplete1" runat="server"
                TargetControlID="TextBox4" ServicePath="AutoCompleteService.asmx"
                ServiceMethod="GetNames" MinimumPrefixLength="2" 
                    CompletionInterval="1000"
        EnableCaching="true" 
        CompletionSetCount="10" 
                     CompletionListItemCssClass="listitem"
                                 
      Enabled="true" FirstRowSelected="true">
                </ajaxToolkit:AutoCompleteExtender>
                <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Button" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>

вот код стиля

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.listitem, .listitemhighlight {
            background-color: window;
            color: blue;
            padding: 1px;
         z-index: 30;
        
        }
        .listitem:hover {
            cursor:pointer;
            background:white;
            color:black;
      z-index: 30;
             
        }

и еще стиль всплывающего окна

CSS
1
2
3
4
5
 .modal{
            background-color:black;
            filter: alpha(opacity=10);
            opacity:0.8;       
        }

@Виктория1992 · 19.11.2014, 12:10 **[ТС]**

теперь вроде победила
установила для стиль для окна такой

CSS
1
 z-index: 99 !important;

а к подсказке

CSS
1
 z-index: 2147483647 !important;

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@Виктория1992 2 / 2 / 6 Регистрация: 11.06.2013 Сообщений: 170

	AutoCompleteExtender и ModalPopupExtender: отображение текста за всплывающим окном 18.11.2014, 12:48. Показов 1673. Ответов 4 Метки нет (Все метки) всем привет. на страничке вызывается по кнопке всплывающее окно ModalPopupExtender которое содержит UpdatePanel на которой размещено текстовое поле с autocompleteextender. при вводе значений в текст бокс всплывают значения из БД, но проблема в том что они отображаются за всплывающим окном. подскажите как это пофиксить? может стилем каким отображения этого списка? 0

@sau 2773 / 2073 / 386 Регистрация: 22.07.2011 Сообщений: 7,820
	18.11.2014, 12:56
	Сообщение было отмечено tezaurismosis как решение Решение css z-index 0

AutoCompleteExtender и ModalPopupExtender: отображение текста за всплывающим окном

Решение