如何将<select></select>放在显示的最底层？

<span style="z-index:-1">
<input style="width:100" onmouseover="nextSibling.style.display='inline';style.display='none'" value=test1><select style="width:100;display:none" onmouseout="previousSibling.style.display='inline';style.display='none'" onchange="previousSibling.value=options[selectedIndex].text">
<option>test1</option><option>test2</option><option>test3</option>
</select></span>

解决方案 »

  1.   

    老问题了
    用<iframe name="frm" src="about:blank" >sdfsfsssss</iframe>
    <script>
    frm.document.body.scroll = "no";
    frm.document.body.innerHTML="your div";
    </script>
    大概就是这样了，你试试
      

  2.   

    楼上的大虾，<select></select>放在哪里？
      

  3.   

    给你参考一下,希望对你有帮助
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    4444 
    <input type=button onclick="javascript:document.all.layer1.style.display=(document.all.layer1.style.display=='none')?'':'none'" value="Show/Hide"> 
    <div id="layer1" style="position:absolute; width:329px; height:222px; z-index:1;display:none; left: 61px; top: 50px"> 
      <iframe id="kk" name="kk" src="3.asp" resize border="1" bgcolor="#CCCC33" frameborder="1" width="400" height="200"> 
      </iframe> </div>
     
    <p>
      <input type="text" name="zdd">
    </p>
    <p> 
      <select name="select">
        <option>dfg</option>
        <option>dfgdf</option>
        <option>dfgdfgdfg</option>
        <option>dfgddddddddddddd</option>
      </select>
    </p>
    <form name="form1" method="post" action="3.asp" target="kk">
      <p>
        <input type="text" name="xxxx" value="sssss">
      </p>
      <p>
        <input type="submit" name="Submit" value="Submit">
      </p>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>