ASP.NET Ajax - Autocompleteextender 控件出现在其他控件后面答案

【问题标题】：ASP.NET Ajax - Autocompleteextender control appears behind other controlsASP.NET Ajax - Autocompleteextender 控件出现在其他控件后面
【发布时间】：2009-06-05 08:51:51
【问题描述】：

具体来说，我有一个顶部带有自动完成扩展器的搜索表单。当您输入字符串时，它会按预期自动完成下拉列表中的匹配项。

问题在于表单下方的几个 SliderExtender 控件出现在自动完成下拉列表上方（它没有覆盖这些控件）。

我环顾四周，但还没有找到答案。似乎问题可能发生在其他控件上，而不是特定于这些控件。

【问题讨论】：

标签： asp.net ajax asp.net-ajax autocompleteextender

【解决方案1】：

我找到了一个对我有用的简单答案，但我忽略了。我只是在 AutoCompleteExtender 的 CSS 类中将定位切换为绝对，然后为其设置 Z-Index。自动完成的建议列表现在显示在所有其他元素之上。

.aspx 中的控制代码 我已经应用了自己的 CSS：

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

【讨论】：