200分！如何使 Div 层浮在 DropDownList 之上？？

cityhunter172 2005-09-09 11:37:43
DropDownList 不管怎么设置，都位于所有标签之上，好象它就不能“寄人篱下”
此举严重影响页面布局！！ DropDownList 真是可恶……

<%@ Page language="c#" Codebehind="D.aspx.cs" AutoEventWireup="false" Inherits="Test.D" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>D</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:DropDownList id="DropDownList1" style="Z-INDEX: 101; LEFT: 160px; POSITION: absolute; TOP: 64px"
runat="server">
<asp:ListItem Value="">我就是要压着你，你能把我怎么样？</asp:ListItem>
</asp:DropDownList>
<div style="Z-INDEX: 10100000; LEFT: 160px; POSITION: absolute; TOP: 64px">我需要浮在下拉框的上面<br>
请问各位高手有何高招？</div>
</form>
</body>
</HTML>
...全文
772 27 打赏 收藏 转发到动态 举报
写回复
用AI写文章
27 条回复
切换为时间正序
请发表友善的回复…
发表回复
cityhunter172 2005-09-25
  • 打赏
  • 举报
 回复
楼上的各位，真不好意思
已有半个月没上来啦，马上结贴
smile9961 2005-09-11
  • 打赏
  • 举报
 回复
把你的dropdownlist换成select
swordragon 2005-09-10
  • 打赏
  • 举报
 回复
由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
<tr><td>item 1</td></tr>
<tr><td>item 2</td></tr>
<tr><td>item 3</td></tr>
<tr><td>item 4</td></tr>
<tr><td>item 5</td></tr>
</table>
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="#" onclick="document.getElementById(''menu'').style.visibility=''visible''">menu</a>

<form>
<select><option>A form selection list</option></select>
</form>
自然框架 2005-09-10
  • 打赏
  • 举报
 回复
死心吧

DropDownList 都可以在窗口的外面显示出来。
goody9807 2005-09-09
  • 打赏
  • 举报
 回复
http://goody9807.611.cn/Announce/announce.asp?BoardID=2&ID=999&Upflag=1&Num=1
zyzcsdn 2005-09-09
  • 打赏
  • 举报
 回复
DropDownList是始终至于最上层的，想要解决
1：隐蔽DropDownList （推荐，我的最终选择）
2：用框架。详见 http://www.blueidea.com/tech/web/2003/1474.asp （不推荐，有局限性）
jimmyzhu25 2005-09-09
  • 打赏
  • 举报
 回复
mark
阿Deee 2005-09-09
  • 打赏
  • 举报
 回复
学习
hackate 2005-09-09
  • 打赏
  • 举报
 回复
听说可以使用框架!
不过好像也会有不同浏览器不同效果的问题。好像没有完美的解决方案
cityhunter172 2005-09-09
  • 打赏
  • 举报
 回复
<asp:DropDownList id="DropDownList1" style="Z-INDEX: 101; LEFT: 160px; POSITION: absolute; TOP: 64px"
<div style="Z-INDEX: 10100000; LEFT: 160px; POSITION: absolute; TOP: 64px">


tigerwen01(小虎)(编程艺术化) ：

我的代碼已經設了，我還試過 1010000000000000000000000000000000000000 都沒用
tigerwen01 2005-09-09
  • 打赏
  • 举报
 回复
根据层的序号Z-Index 设置
nimeide1234567890 2005-09-09
  • 打赏
  • 举报
 回复
？
liujiayu10 2005-09-09
  • 打赏
  • 举报
 回复
不知楼主为什么要用DIV层？
kellyrong 2005-09-09
  • 打赏
  • 举报
 回复
再div里加這個
<iframe src="javascript:false" style="Z-INDEX:-1; FILTER:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); LEFT:0px; VISIBILITY:inherit; WIDTH:300px; POSITION:absolute; TOP:0px; HEIGHT:200px">
</iframe>我試過可以的
liuqinglq 2005-09-09
  • 打赏
  • 举报
 回复
晕

你查DropDownList当然是0条结果了……
cityhunter172 2005-09-09
  • 打赏
  • 举报
 回复
TO liuqinglq(白菜) ：

我最近比较的菜

DropDownList 层叠 .Net大类搜索 → 0 条结果
DropDownList 浮 .Net大类搜索 → 0 条结果

DropDownList 层叠 http://61.186.252.131/advsch.asp 整个论坛 → 0 条结果
DropDownList 浮 http://61.186.252.131/advsch.asp 整个论坛 → 4 条结果
下拉框 层叠 http://61.186.252.131/advsch.asp 整个论坛 → 38 条结果


我唯一没有试的，也是唯一有答案的关键字
下拉框 浮 http://61.186.252.131/advsch.asp 整个论坛 → 72 条结果
（里面有 4 条类型问题，但都没有提到用 iframe）

看来是我的功底不足，回去“面壁”三天，呵呵……

现在好了，又多了一些搜索关键字
Blue13845611035 2005-09-09
  • 打赏
  • 举报
 回复
可以用别的方法
在调用时先把它“隐藏”了或是宽度设为0
调用完后在把它“改回”来，或是宽度设回来

simonezhlx 2005-09-09
  • 打赏
  • 举报
 回复
楼上已经说的差不多了
叮咚叮咚叮叮咚 2005-09-09
  • 打赏
  • 举报
 回复
设定为iframe是不是可以?
upshania 2005-09-09
  • 打赏
  • 举报
 回复
使用 iframe 吧。。可以浮在 DropDownList 页面内加面面。。。调父级PAGE的JS 虽然操作会麻烦点
加载更多回复（7）
AspNetPager.dll
首页 更新历史 在线演示 下载 帮助文档 常见问题 代码工具 分页资源 客户站点 留言簿 .Net资源 登录 注册 AspNetPager分页控件 分页是Web应用程序中最常用到的功能之一，在ASP.NET中，虽然自带了一个可以分页的DataGrid（asp.net 1.1）和GridView（asp.net 2.0）控件，但其分页功能并不尽如人意，如可定制性差、无法通过Url实现分页功能等，而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页，手工编写分页代码不但技术难度大、任务繁琐而且代码重用率极低，因此分页已成为许多ASP.NET程序员最头疼的问题之一。 AspNetPager针对ASP.NET分页控件的不足，提出了与众不同的解决asp.net中分页问题的方案，即将分页导航功能与数据显示功能完全独立开来，由用户自己控制数据的获取及显示方式，因此可以被灵活地应用于任何需要实现分页导航功能的地方，如为GridView、DataList以及Repeater等数据绑定控件实现分页、呈现自定义的分页数据以及制作图片浏览程序等，因为AspNetPager控件和数据是独立的，因此要分页的数据可以来自任何数据源，如SQL Server、Oracle、Access、mysql、DB2等数据库以及XML文件、内存数据或缓存中的数据、文件系统等等。 AspNetPager 7.1 版发布（2008-7-20） 新增 LayoutType 属性，该值是 LayoutType 枚举Table或Div，默认值是Div，即使用div布局，若设为Table则使用表格布局方式； 新增 UrlPageSizeName 属性，可以通过在url参数中指定PageSize属性的值，该UrlPageSizeName属性值若为空或负数忽略，否则PageSize属性将返回从Url中获取的UrlPageSizeName 参数的值； 新增SubmitButtonImageUrl属性，支持使用图片按钮，当该属性的值不为空时，分页控件使用该属性的值做为图片按钮路径，如果该值为空或默认值则时使用普通按钮； 修正了设计时支持中设置页索引文本或下拉框选项时，在页索引文本或下拉框显示方式中选择“自动”时属性被设置为Always而非Auto的错误； 解决了设计时EnableUrlRewriting 为true 时 UrlRewritePattern属性出错的出错问题； 代码精简及其它优化； 上一版本中标记为已废弃的如下属性：ShowInputBox、InputBoxClass、InputBoxStyle、TextBeforeInputBox、TextAfterInputBox 已去掉，新版本中已不存在这些属性，升级时请注意； AspNetPager 7.0.2 版发布（2008-1-26） 所有属性除CloneFrom外都支持使用皮肤Scheme主题（7.0.1版中大部分都不支持）。 修正了在居中当前页索引按钮的情况下（CenterCurrentPageButton=true），总页数小于数字页索引按钮数（即：PageCount小于NumericButtonCount的值）时出现负页数的bug。 新增属性CurrentPageButtonTextFormatString，可以获取或设置当前页数字页索引文本的显示格式，感谢网友asuka08的建议！ 新增属性UrlPagingTarget，可以获取或设置Url分页方式下分页按钮或超链接指向的目标窗口或框架的名称。 当使用下拉框显示页索引时（即PageIndexBoxType=DropDownList时），如果总页数超过80页，将在下拉框中只列出部分页索引而不是全部页索引，以防页数太多导致下拉框选项太多而拖慢页面下载和打开速度。页索引下拉框的页索引选取规则是：当前页小于或等于15页时，显示前15页及最后5页；当前页索引大于总页数-14页时，显示前5页和最后15页；否则显示前5页、从当前页索引前5页到后5页的十一页以及最后5页。如果您有更好的下拉框页索引选取规则，请留言或发邮件联系我，我会及时更新。谢谢！
史上最好传智播客就业班.net培训教程60G 不下会后悔
.Net精品就业班课程表 : 1、.Net基础加强（10天） 核心技术课程 常用数据结构（List、Dictionary、Array）、多态、常用设计模式、反射、常用.net类库、泛型、IO流、委托事件、正则表达式、XML、反射、GC等。 2、数据库开发及ADO.Net（6天） 核心技术课程 数据库开发基础、Microsoft SQLServer基础、SQL语言基础、索引、事务、SQL语言高级技术（空值处理、聚合与分组、数据分页、Union、日期函数、类型转换函数、流控函数、表连接、子查询、存储过程、触发器）、数据库设计范式、数据库调优。 ADO.Net（行集、数据集、类型化数据集、SQLHelper、SQL注入漏洞防范、数据绑定）。 3、三层架构MIS项目（5天） 查看项目演示 功能点 本项目基于流行的三层架构（DAL+BLL+UI）。 主要功能点：高安全性的用户管理体系、高安全性的异构系统数据导入导出、拼音检索、复合检索、无限级次数据管理、个性化邮件群发、Excel文件导入导出。 技术点 ADO.Net技术应用、SQLServer、MD5安全算法、基于NPOI的Excel文件处理、树状结构数据处理、递归、CodeSmith、代码生成器、三层架构。 项目说明 这是一个用WinForm技术实现的系统，传智播客在开课的半个月就安排一个项目，体现了传智播客“项目驱动学习”的先进教学理念。 4、网页开发与JavaScript（7天） 查看案例演示 核心技术课程 HTML基础加强、css（包含Div+CSS布局）、JavaScript、Dom（事件、window对象、document对象、对话框、定时器、粘贴板、动态Dom、跨浏览器兼容性解决方案、JS压缩和CDN、Internet Explorer Developer Toolbar）、JQuery（JQuery函数、隐式迭代、链式编程、id选择器、tag选择器、CSS选择器、层次选择器、表单选择器、过滤选择器、复合选择器、节点导航、节点操作、样式操作、事件、动画、JQuery Cookie、JQuery Live、JQueryUI）。 课程说明 CSS、JavaScript是ASP.Net开发的基础，把这些掌握好了就能很轻松的学会ASP.Net；Dom是实现网页动态效果的技术，在网站越来越个性化年代，招聘企业对应聘者的Dom水平要求非常高；JQuery是近几年异军突起的JavaScript框架库，几乎成了Web前端开发事实上的标准，大部分企业都是使用JQuery进行Web前端的开发。 学完了这阶段课程，学员将学会开发主流网站的前端效果，比如：焦点图、滚动展示图、网页防复制、网页自定义菜单、WebOS、美女时钟、无刷新评论、评分控件、表格特效、图片悬浮详细信息、微博界面、QQ消息框效果、Div对话框等。 5、ASP.Net开发（12天） 核心技术课程 自己动手写Web服务器（Socket、多线程）、ashx模式Web开发、ViewState、Cookie、Session、Http协议、Web开发基本原则、XSS漏洞防范、Request对象、Response对象、Server对象、虚拟路径、HttpHandler深入、ASP.Net生命周期、WebForm原理、服务端基本控件、WebShell漏洞防范、HTML服务端控件、验证框架、MasterPage、数据绑定控件（ObjectDataSource、列表类绑定控件、GridView、FormView、ListView、Repeater、高效率分页）、CKEditor、Membership、缓存、互联网调优（SEO、HTML压缩、页面静态化、移除ViewState、表单GET化）、URL重写、错误处理、AJAX（XMLHTTP、JQuery AJAX、Json）、全局文件、HttpHandler与HttpModule、IIS配置。 课程说明 由于微软对ASP.Net进行高度封装，因此ASP.Net入门非常简单，开发人员不需要了解HTML、JavaScript、Http协议也可以快速开发出一个Web系统，正因为如此，社会上充斥着大量这样的“拖控件的开发人员”，使得很多Java、PHP等语言的开发人员诋毁ASP.Net开发人员的时候经常会说“你们什么都不懂，就会拖控件”。ASP.Net的快速开发是ASP.Net非常大的一个优点，可以加快开发效率，这是行业的发展趋势，但是局限于这样的“傻瓜化开发方式”的开发人员的竞争力和成长性都是非常有限的，遇到ASP.Net一些高级技术（比如ASP.Net MVC、SEO、网站调优、服务端客户端混合编程、AJAX等）的时候就完全不能胜任。通过上一个阶段的HTML、JavaScript、Dom的学习，学员已经有了很好的HTML、JavaScript基础；在ASP.Net课程的一开始，不是直接教学员怎么拖ASP.Net控件进行快速开发，而是通过ashx的模式开发原始的动态网站，让学员明白“请求—处理—响应模型”、“Http协议、Http无状态”、“c#代码渲染生成浏览器端JavaScript”、“ViewState的作用”、“Session的原理”等这些基本而又重要的原理，从而扫清后面ASP.Net知识学习的基础性障碍。 由于访问量非常大，因此互联网项目的开发对ASP.Net开发人员的要求非常高，所以我们安排了互联网调优、缓存、网站防黑等内容。 ASP.Net中控件数量是非常多的，讲解ASP.Net的教材通常要上千页，让初学者望而生畏，其实ASP.Net大部分控件相似性非常强的，同类型的控件学会了一个那么其他控件也就很容易学会了。比如只要学会了DropDownList，那么RadioButtonList、ListBox、CheckBoxList、BulletedList等几乎不用学就会用；再比如只要学会了ListView，那么Repeater、GridView、FormView等控件也是触类旁通。传智播客认真钻研教学，对知识进行分类、整理、提炼精华，让学员在短时间内掌握ASP.Net技术。 ASP.Net中有一些技术是有局限性的，传智播客根据这些技术在企业中的实际应用情况进行了调整、补充。比如项目中几乎没有在UI层直接访问数据库的，而是采用三层架构，因此我们不讲解UI层直连数据库的控件SQLDataSource，而是把主要精力放在讲解三层架构开发模式。再比如ASP.Net内置的AJAX解决方案UpdatePanel只在部分要求不高的内网项目中才被使用，因此我们在讲解UpdatePanel的使用和原理之外，把更多的时间放在讲解企业中用的最多的JQuery AJAX解决方案上。 6、B/S系统项目（7天） 项目说明 1、网上图书商城。这是一个典型的B2C网上商城，使用经典的复杂三层架构（工厂模式）进行开发。涉及图书管理、搜索、订单管理、导航管理等核心模块。在讲解ASP.Net基础后安排这样一个B2C网上商城系统，让学员在实际项目中将学到的知识学以致用。 2、办公自动化OA系统。这是一个典型的基于ASP.Net技术的OA协同办公项目，包含了权限管理、公告管理、文档管理、工作流、论坛管理、新闻模块管理、人员管理等典型的OA系统模块。 3、数据采集和邮件群发。这是一个基于多线程的邮件营销平台，核心技术包括网络爬虫、多线程、HTML解析、邮件发送、生产者消费者模式等。 注：以上三个案例，上课时会根据每个班的课堂反馈选择其中一个案例予以讲解学习。 7、如鹏网项目（9天） 查看项目演示 功能点 站内搜索、栏目管理、视频播放（完全模仿优酷视频页面）、焦点图、静态页面生成（新浪、搜狐等大型网站普遍采用的技术）、文章管理、无刷新评论、评论的无刷新分页、敏感词过滤、用户管理、友情链接管理、缓存管理、广告位管理、RSS输出、水印设置、无刷新上传图片、搜索引擎优化设置、数据备份恢复、伪静态设置、网上商城、订单管理、在线支付（支持支付宝、财付通、块钱等第三方支付平台）、网站调优（数据库优化、缓存、静态页、CSS Spirit、js压缩）。 技术点 搜索引擎技术：Lucene.Net、多线程开发、爬虫技术、网页分析、正则表达式、Log4Net日志框架、Quartz.Net定时作业调度。 大型互联网开发技术：代码生成、网页静态化、基于JQuery的Web2.0页面开发、AJAX、SEO、网站调优、采集器、RSS/XML、网站防黑（防XSS攻击、防注入漏洞攻击、防CC攻击、防挂马、防盗链、敏感词过滤、广告帖智能过滤）、IIS管理与调优、流量分析、第三方脚本嵌入（广告、统计代码、内容联盟等）、图片服务器分离。 项目说明 如鹏网项目是已经上线三年的网站，日访问量最高20000人次，网址www.rupeng.com。本系统旧版本基于PHP、J2EE技术，由如鹏网开发者亲手操刀用.net重写新版本。系统分为前台Web界面、后台管理界面、站内搜索、监控客户端四个子系统。 大型互联网站由于访问量非常大，因此不是那些单纯用ASP.Net控件拖拽开发的开发人员能够开发的，也不是闭门造车能够造出来的，必须是在实际项目中经过无数访问者的使用、反馈、修改才能做出来的。搜房网、汽车之家等大型网站中用到的网站静态化、图片服务器分离、高性能缓存、HTML/JS压缩、CDN、CSS Sprite、负载均衡、Memcached、镜像服务器同步等问题不是那些随手写出来的所谓在线商城、电子商务系统所所能够涉及到的。 这个项目完全按照高访问量互联网站进行设计，通过这个项目，学员不仅可以在实战中巩固对前面学习的ASP.Net、ADO.Net、WinForm等知识的掌握，还可以掌握网站防黑、缓存、SEO、静态化、搜索引擎技术、AJAX等大型互联网开发中涉及到的技术。 8、.Net新技术（Windows Phone、ASP.Net MVC）（6天） 项目说明 未来是移动互联网的时代，未来将是Windows Phone、Android、iphone三足鼎立的时代，掌握了移动开发的技能的人是就业市场的抢手货。微软推出的Windows Phone平台是微软在移动互联网时代的一个重量级产品，微软对于WindowsPhone7的推广力度非常大，因此很多公司也开始进行Windows Phone7产品的研发，2011年下半年Windows Phone7开发人员的需求将会出现井喷，为了帮助学员掌握移动3G开发技术，传智播客.Net班加入了Windows Phone开发课程，采用传智播客独创的WP7Simulator教学平台，学员可以做出一个基于云计算架构的LBS系统。点击查看传智播客独创WP7Simulator教学平台。 ASP.Net MVC是微软推出的区别于ASP.Net WebForm的Web开发新技术，由于ASP.Net MVC解决了ASP.Net WebForm的很多缺点，非常适合大型、中型项目的开发，一经推出就受到了.Net开发社区的追捧，很多.Net开发人员的职位要求中都提到了MVC，可见掌握ASP.Net MVC技术必将提升自己就业的砝码。 9、就业指导（2天） 项目说明 总结以往所学知识，讲解《传智播客.Net面试、笔试宝典》，介绍简历、笔试、面试等所需的知识和技巧。
div覆盖在dropdownlist之上的方法
       下拉框，即Html的SELECT元素，.net设计时的DropDownList，是HTML中的windowed  element，尤其ie6之后，几乎是唯一的windowed  element（还有popup等少量极少用的的）。         普通的元素，textbox,  div,  table……这些，属于windowless  element，它们之间互相遮盖的情况由z-
解决dropdownlist覆盖div问题
问题的出现 当你使用一个div在一些控件所在位置之上显示一些帮助信息时，你也许会遇到控件覆盖div帮助信息的问题。造成这个问题的原因是页面上的控件没有设置z-index属性，z-index属性决定元素显示的前后层次，一个z-index值大的元素永远都处在比它z-index值小元素的前方。 Dropdownlist是没有z-index属性的，他们是窗口级的控件，如果你想把一个div显示在Dro...
解决DropDownList常见问题三则
1，给SelectedValue赋值时，如果Items中没有该项，则报XXX异常；2，在绑定时，如果数据源返回null，它将不做任何动作，而我们一般习惯清空；3，在绑定到数据源，而数据源参数依赖于别的控件时，会触发两次数据源绑定。 我的解决方法就是重载DropDownList（比较菜），下面详细说说这三个小问题： 1，比如某个商品属于某个分类，然后分类被删除了，而商品表中记录的还是原来类...
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章