重金求解：怎样才能让层置于下拉框上层？

<object id=editable style="z-index:2;position:absolute;width:100;height:100;" type="text/x-scriptlet"  data="about:<body leftmargin=0 topmargin=0><div style='width:100;height:100;background:blue'>Your div Element</div>"></object>
<select style="width:200"></select>

解决方案 »

  1.   

    <div id="layer1" align="center" z-index=1></div>
    设置z-index属性。
      

  2.   

    JS版常见问题(一)层遇到select框时?
    http://www.csdn.net/develop/Read_Article.asp?Id=19114
      

  3.   

    http://www.csdn.net/develop/Read_Article.asp?Id=19114
      

  4.   

    接http://expert.csdn.net/Expert/topic/2085/2085656.xml?temp=.3982202
    我给的示例的最后一部分,因为不能连续三次发言<DIV ID="oDialog" STYLE="display:none;">
    <div id="myid" style="position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px;  font:normal 10pt tahoma; padding-left:18px "> <b>Rich Message Boxes</b><hr size="1" style="border:1px solid black;"><div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
    This message box is written entirely in Dynamic HTML (DHTML) using Cascading Style Sheets (CSS). You can dynamically change properties of this message box. For instance, click the button below to change the color of the popup object.
    <br>
    <br>
    <br>
     <button style="background:#cccccc" onclick="myid.style.backgroundColor='#3366CC';" tabindex="-1">Change Color</button>
    </div>
    <br>
    <br>
    <button tabindex="-1" onclick="parent.oPopup.hide();" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">Close Message</button>
    </DIV> <div style="position: absolute; top:50; left:250px; width:125px; height:200px; border:1px solid black; border-bottom:1px solid white; border-right:1px solid white; font:normal 10pt tahoma;  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px" >
    <b>DHTML Content</b><hr size="1" style="border:1px solid black;">It's easy to put content in a custom message box
    </div></div>
    </DIV><DIV ID="oToolTip" STYLE="display:none;">
     <div style="position: absolute; top:0; left:0; width:100%; height:100%; border:2px solid black; font:normal 10pt tahoma;  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px" >
    <b>Custom ToolTips</b><hr size="1" style="border:1px solid black;">Now you can create ToolTips that are enhanced by DHTML.
    </div>
    </DIV>
    <DIV ID="oContext" STYLE="display:none;">
     <div style="position: absolute; top:0; left:0; width:100%; height:100%; border:2px solid black; font:normal 10pt tahoma;  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px" >
    <b>Custom ToolTips</b><hr size="1" style="border:1px solid black;">Now you can create ToolTips that are enhanced by DHTML.
    </div>
    </DIV>
    <DIV ID="oContext2" STYLE="display:none">
    <DIV STYLE="position:relative; top:0; left:0; border:2px solid black;  border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;">
    <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='iframe4popup.htm';">
    <IMG SRC="img/home.gif" ALIGN="absmiddle">&nbsp;&nbsp;Home</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://search.microsoft.com';">
    <IMG SRC="img/search.gif" ALIGN="absmiddle">&nbsp;&nbsp;Search</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://www.microsoft.com/ie';">
    <IMG SRC="img/ielogo.gif" ALIGN="absmiddle">&nbsp;&nbsp;Intenet Explorer</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://www.microsoft.com/info/cpyright.htm';">
    &#169;2001 Microsoft Corporation</DIV>
    </DIV>
    </body>
    </html>
      

  5.   

    已解决，请参阅本贴和
    http://expert.csdn.net/Expert/topic/2085/2085656.xml?temp=.0409357   (泥娃代码前部)JS版常见问题(一)层遇到select框时?
    http://www.csdn.net/develop/Read_Article.asp?Id=19114