很多時候我們會把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>
本文是錯新技術頻道小編介紹了Div Select擋住的解決辦法，看完后你明白了嗎?感興趣的朋友還可以多了解我們收集的其他相關的專業資訊哦。
新聞熱點
疑難解答
圖片精選
