css的层怎样才能浮在下拉框的上面???

css层:如下

 1<style type="text/css">   
 2<!--   
 3td   
 4{font-size:13px}   
 5#overlay   
 6{   
 7position:absolue;   
 8top:50px;   
 9left:50px;   
10height:250px;   
11width:600px;   
12border:thin solid #808080;   
13overflow:auto;   
14  
15}   
16\-->   
17</style>

css定义的层,在

1<div>   
2.....   
3</div>

中使用,那么这个层可以把text(文本输入)框,按钮等页面元素覆盖在它的下面,
但这个层不能把下拉框(下拉列表)覆盖住,即下拉列表浮在层的上面,
请问怎样才能使层浮在下拉框的上面,请各位大侠支招,在下不胜感激。。。

---------------------------------------------------------------

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

---------------------------------------------------------------

select无法通过CSS的z-index改变,其他层的z-index无论设置多大也盖住它,暂时只有使用scriptlet这样ActiveX控件级别的来遮盖它,本来IE6的popup也可以,但是要求的版本太高,所以你的兵不血刃的办法,暂时恐怕……

或许你可以贴出关键代码,针对具体情况也许好处理一点。
---------------------------------------------------------------

微软网站的做法是菜单下拉时候将下拉框隐藏掉

Published At
Categories with Web编程
comments powered by Disqus