Div Select挡住的解决办法

2019-11-17 09:18:18来源：爱站网阅读 ()

很多时候我们会把Div Select的内容放到其他地方，但是初学者并不知道这样会破坏页面的结构，下面爱站技术频道小编带大家一起来了解Div Select挡住的解决办法？感兴趣的朋友一起来看看。

<html><head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
????<title>Div下拉菜单被Select挡住的解决办法</title>
</head><body>
<div?style="z-index:?10;?position:?absolute;?width:?100;?height:?18;?overflow:?hidden;"
????onmouseover="this.style.height=100;"?onmouseout="this.style.height=18;">
????<iframe?style="position:?absolute;?z-index:?-1;?width:?100%;?height:?100%;?top:?0;
????????left:?0;?scrolling:?no;"?frameborder="0"?src="about:blank"></iframe>
????<div?style="background-color:?silver;">
????????下拉菜单<br?/>
????????bbbbbbb<br?/>
????????ccccccc<br?/>
????????ccccccc<br?/>
????????ccccccc<br?/>
????????ccccccc
????</div>
</div>
<select?style="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>