asp.net – Webkit中的AutoCompleteExtender位置错误
发布时间:2020-12-16 06:46:35 所属栏目:asp.Net 来源:网络整理
导读:我有一个ajaxtoolkit AutoCompleteExtender,其位置为:absolute.我把它放在一个位置为div的div中.这使得扩展程序下拉放置在所有浏览器上都是完美的,除了在Chrome / Safari上,其位置相对于窗口的左上角而不是div. 当我使用与为AutoCompleteExtender生成的HTML
我有一个ajaxtoolkit AutoCompleteExtender,其位置为:absolute.我把它放在一个位置为div的div中.这使得扩展程序下拉放置在所有浏览器上都是完美的,除了在Chrome / Safari上,其位置相对于窗口的左上角而不是div.
当我使用与为AutoCompleteExtender生成的HTML相同的css类和内联样式放置另一个ul时,定位在Chrome中正常工作.因此扩展器有一些特定的东西使它在HTML代码的底部呈现(在结束标记之前,因此在计算其位置时不使用div作为它的父级). 我有什么想法可以解决这个问题? 码: <div class="searching"> <ajaxToolkit:AutoCompleteExtender runat="server" ID="biznameOrCategoryAutoComplete" TargetControlID="txtBizNameOrCategory" ServicePath="~/AutoComplete.asmx" ServiceMethod="GetBiznameOrCategoryCompletionList" MinimumPrefixLength="1" CompletionInterval="1000" EnableCaching="true" CompletionSetCount="10" CompletionListCssClass="autocomplete_completionCompyNameListElement" CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem" ShowOnlyCurrentWordInCompletionListItem="true"> </ajaxToolkit:AutoCompleteExtender> </div> CSS: .searching { margin-left:5px; padding-top:10px; width:366px; position: relative; } .autocomplete_completionCompyNameListElement { background: #fff; font-family:Arial,Helvetica,sans-serif; font-size: 17px; width: 340px !important; left: 20px !important; border: 1px solid #d9d9d9; font-size: 12px; top: 48px !important; padding: 2px 4px !important; } 解决方法
尝试添加纯HTML< div>在具有spcified id属性的扩展程序之后的元素,并将此id值用于扩展程序的CompletionListElementID属性.
当您将ID传递给扩展程序时,它会将项目插入为< div>元素.所以添加一个简单的HTML< div>而不是< ul>维护有效的HTML. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- ASP.NET主页面和内容页面中的表单元素
- 无法计算asp.net页面上的加载时间
- 如何在我的域模型中实现ASP.NET成员资格提供程序
- ASP.NET 预编译命令(解决发布后第一次访问慢问题)
- ASP.NET Core MVC的Razor视图中,使用Html.Raw方法输出原生
- 在asp.net.mvc中,什么是正确的方法来引用css内的图像
- asp.net – Jquery datepicker:验证日期mm/dd/yyyy
- asp.net – VS2010中每个发布配置文件的不同连接字符串
- IIS ASP.NET WebApi在请求同一台服务器时死锁
- 何时使用PageAsyncTask(异步asp.net页面)的示例
推荐文章
站长推荐
- 根据存储的时区修改ASP.NET MVC C#中的日期
- ASP.NET设计FTP文件上传的解决方案
- asp.net开源流程引擎API开发调用接口大全-工作流
- asp.net-mvc – 加载符号时Visual Studio调试痛苦
- asp.net-mvc – 返回对象名称为MVC的Json Result
- ASP.NET MVC – Ajaxified RenderAction
- Asp.Net MVC 5 Framework(非核心)中的Angular 4服
- asp.net – System.Security.SecurityException?
- asp.net-mvc – ASP.Net MVC:静态HTML文件的Ren
- 在ASP.NET MVC 3 Web应用程序项目之间共享视图
热点阅读