在我的项目中,我正在使用Ajax Auto Complete Extender v2.0.50727,它适用于IE8,Opera和Chrome中的所有文本框,但是当涉及IE9内部的iframe时,它的显示位置让我头疼。它不会出现在文本框的正下方,而是显示在100px下方,如here。我正在使用的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中。有没有解决方法?非常感谢!