ASP.NET Ajax - Autocompleteextender Steuerelement erscheint hinter anderen Steuerelementen

Question

Um genau zu sein Ich habe ein Suchformular mit einem Autocompleteextender an der Spitze. Wenn Sie eine Zeichenfolge eingeben, wird sie wie erwartet mit Übereinstimmungen in einer Dropdown-Liste automatisch vervollständigt.

Das Problem ist, dass ein paar SliderExtender-Steuerelemente weiter unten im Formular über dem Autocomplete-Dropdown-Menü angezeigt werden (es deckt diese Steuerelemente nicht ab).

Ich habe mich umgeschaut, kann aber noch keine Antwort finden. Es scheint, dass das Problem bei anderen Steuerelementen auftreten kann und nicht spezifisch für diese.

Answer 1

Ich fand eine einfache Antwort, die für mich funktioniert und ich hatte übersehen. Ich habe gerade die Positionierung in der CSS-Klasse für den AutoCompleteExtender auf absolut gestellt und dann den Z-Index dafür gesetzt. Die Vorschlagsliste für die automatische Vervollständigung erscheint jetzt über allen anderen Elementen.

<cc1:AutoCompleteExtender ID="componentID_AutoCompleteExtender" runat="server" 
     TargetControlID="componentID" 
     ServicePath="ImageComponentService.asmx" 
     ServiceMethod="GetComponentMatches" 
     MinimumPrefixLength="3" 
     CompletionInterval="1000" 
     EnableCaching="true" 
     CompletionSetCount="10" 
     CompletionListCssClass="CompletionListCssClass" 
     CompletionListItemCssClass="CompletionListItemCssClass" 
     CompletionListHighlightedItemCssClass="CompletionListHighlightedItemCssClass" 
     OnClientItemSelected="itemSelected" 
     Enabled="true" FirstRowSelected="true" 
     BehaviorID="AutoCompleteEx"> 
    </cc1:AutoCompleteExtender> 

CSS

.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; 
} 

:

-Code für die Steuerung in aspx Ich habe meine eigene CSS angewendet