Div Select挡住的解决办法
发布时间：2016-12-30 来源：查字典编辑
摘要：Div下拉菜单被Select挡住的解决办法下拉菜单bbbbbbbcccccccccccccccccccccccccccctest0test1...
<html><head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>Div下拉菜单被Select挡住的解决办法</title>
</head><body>
<div
onmouseover="this.style.height=100;"onmouseout="this.style.height=18;">
<iframeframeborder="0"src="about:blank"></iframe>
<div>
下拉菜单<br/>
bbbbbbb<br/>
ccccccc<br/>
ccccccc<br/>
ccccccc<br/>
ccccccc
</div>
</div>
<select>
<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>