<html><head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>Div下拉菜单被Select挡住的解决办法</title>
</head><body>
<divstyle="z-index:10;position:absolute;width:100;height:18;overflow:hidden;"
onmouseover="this.style.height=100;"onmouseout="this.style.height=18;">
<iframestyle="position:absolute;z-index:-1;width:100%;height:100%;top:0;
left:0;scrolling:no;"frameborder="0"src="about:blank"></iframe>
<divstyle="background-color:silver;">
下拉菜单<br/>
bbbbbbb<br/>
ccccccc<br/>
ccccccc<br/>
ccccccc<br/>
ccccccc
</div>
</div>
<selectstyle="width:200">
<option>test0</option>
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<br/>
<pre>
Div被Select挡住，是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
</pre>
</body></html>
【Div Select挡住的解决办法】相关文章：