在我的项目中,我使用的是 Ajax Auto Complete Extender v2.0.50727,它适用于 IE8、Opera 和 Chrome 中的所有文本框,但是当涉及到 iframe 中的 IE9 时,它的显示位置完全让我头疼。它不是出现在文本框下方,而是出现在下方 100px 处,就像这里一样。我使用的 CSS 类是:
<asp:TextBox ID="txtAddCriteria" runat="server" MaxLength="100" Width="325px" CssClass="TextInput"></asp:TextBox>
<ajaxToolkit:AutoCompleteExtender runat="server" ID="aceCriteria" TargetControlID="txtAddCriteria" ServiceMethod="GetCriteriaList4AutoCompleteExtender" ServicePath="MyWebService.asmx" MinimumPrefixLength="1" CompletionInterval="100" EnableCaching="true" ContextKey="0" UseContextKey="true" CompletionListCssClass="AutoExtender" />
.AutoExtender
{
font-family: Verdana, Helvetica, sans-serif;
font-size: .8em;
margin : 0px !important;
font-weight: normal;
border:solid 1px #006699;
line-height:20px;
padding:0px;
background-color:White;
}
这种情况只发生在 IE9 的 iframe 中。有什么解决方法吗?非常感谢!