＋设为首页 ＋添加到收藏夹
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>
听说可以使用框架!
不过好像也会有不同浏览器不同效果的问题。好像没有完美的解决方案
学习
mark
DropDownList是始终至于最上层的，想要解决
1：隐蔽DropDownList
2：用框架。详见 http://www.blueidea.com/tech/web/2003/1474.asp
http://goody9807.611.cn/Announce/announce.asp?BoardID=2&ID=999&Upflag=1&Num=1
代码太乱了，没空看。
在WEB网页中，dropdownlist的层级是最高的，它不能被任何表单所遮盖。无论你其他控件的index设得多高，它总是在上面。
另外，能盖过它的只有iframe。
见http://community.csdn.net/Expert/topic/4071/4071792.xml?temp=.2229883
div是遮不住服務器端控件的,別想了;如果都是html控件,你可以通過設置z-index使div位于最上層.
你可以用htmlselect代替,如果你是想用dropdownlist的SelectedIndexChanged事件,可為htmlselect控件模擬ServerChange的postback事件.
学习!!!
最近老看到有人在问古老的问题……为什么楼主不去搜索一下呢？
楼主的这个问题可以说有1010000000000000000000000000000000000000 个人问过了……
这是我前两个月曾帮人解决过的帖子...
http://community.csdn.net/Expert/topic/4059/4059401.xml?temp=.831341
有什么具体的问题楼主就问我吧
我的演示程序 http://wuweihome.dec.cn
方法一：最笨的办法，不要用浮动的，自动地排列，这样就不会覆盖了。例如我的程序中的简单数据编辑框中输入日期的做法。
方法二：弹出窗口显示浮动内容。例如选择日期之后再关闭窗口将选择内容填回正确位置。例如我的程序中选择相关业务对象的做法。
使用iframe之类覆盖，布局上不够灵活，iframe外部不能自动排版，不能很方便地感知内部内容的大小。最主要是多个这样的东西在页面中挤在一起的时候也比较难看。
使用 iframe 吧。。可以浮在 DropDownList 页面内加面面。。。调父级PAGE的JS 虽然操作会麻烦点
设定为iframe是不是可以?
楼上已经说的差不多了
可以用别的方法
在调用时先把它“隐藏”了或是宽度设为0
调用完后在把它“改回”来，或是宽度设回来
再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>我試過可以的
由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。解决办法就是：给层中放一个优先级比下拉框更高的元素，从而解决此问题！具体解决代码如下：
<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>
