|
|
<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>
JavaScript技術：Div Select擋住的解決辦法，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
