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

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>

解决方案 »

  1.   

    <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 都沒用
      

  2.   

    DropDownList是始终至于最上层的，想要解决
    1：隐蔽DropDownList （推荐，我的最终选择）
    2：用框架。详见 http://www.blueidea.com/tech/web/2003/1474.asp （不推荐，有局限性）
      

  3.   

    http://goody9807.611.cn/Announce/announce.asp?BoardID=2&ID=999&Upflag=1&Num=1
      

  4.   

    在WEB网页中，dropdownlist的层级是最高的，它不能被任何表单所遮盖。无论你其他控件的index设得多高，它总是在上面。
    另外，能盖过它的只有iframe。
    见http://community.csdn.net/Expert/topic/4071/4071792.xml?temp=.2229883
      

  5.   

    div是遮不住服務器端控件的,別想了;如果都是html控件,你可以通過設置z-index使div位于最上層.你可以用htmlselect代替,如果你是想用dropdownlist的SelectedIndexChanged事件,可為htmlselect控件模擬ServerChange的postback事件.
      

  6.   

    上面寫錯了,不好意思,改正一下:
    可為htmlselect控件模擬onchange postback事件.
      

  7.   

    最近老看到有人在问古老的问题……为什么楼主不去搜索一下呢？楼主的这个问题可以说有1010000000000000000000000000000000000000 个人问过了……这是我前两个月曾帮人解决过的帖子...http://community.csdn.net/Expert/topic/4059/4059401.xml?temp=.831341有什么具体的问题楼主就问我吧
      

  8.   

    我的演示程序 http://wuweihome.dec.cn方法一：最笨的办法，不要用浮动的，自动地排列，这样就不会覆盖了。例如我的程序中的简单数据编辑框中输入日期的做法。方法二：弹出窗口显示浮动内容。例如选择日期之后再关闭窗口将选择内容填回正确位置。例如我的程序中选择相关业务对象的做法。
    使用iframe之类覆盖，布局上不够灵活，iframe外部不能自动排版，不能很方便地感知内部内容的大小。最主要是多个这样的东西在页面中挤在一起的时候也比较难看。
      

  9.   

    使用 iframe 吧。。可以浮在 DropDownList  页面内加面面调父级PAGE的JS  虽然操作会麻烦点
      

  10.   

    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）看来是我的功底不足，回去“面壁”三天，呵呵……现在好了，又多了一些搜索关键字
      

  11.   

    晕你查DropDownList当然是0条结果了……
      

  12.   

    再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>我試過可以的
      

  13.   

    死心吧DropDownList  都可以在窗口的外面显示出来。
      

  14.   

    由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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>