Div Select擋住的解決辦法
更新時間：2008年08月07日 14:38:16 作者：
但是div可以蓋iframe，而iframe可以蓋select,
所以，把一個iframe來當作div的底，
<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的內(nèi)容放入iframe或object里來解決。
可惜這樣會破壞頁面的結(jié)構(gòu)，互動性不大好。
這里采用的方法是：
雖說div直接蓋不住select
但是div可以蓋iframe，而iframe可以蓋select,
所以，把一個iframe來當作div的底，
這個div就可以蓋住select了.
</pre>
</body></html>
<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的內(nèi)容放入iframe或object里來解決。
可惜這樣會破壞頁面的結(jié)構(gòu)，互動性不大好。
這里采用的方法是：
雖說div直接蓋不住select
但是div可以蓋iframe，而iframe可以蓋select,
所以，把一個iframe來當作div的底，
這個div就可以蓋住select了.
</pre>
</body></html>
相關(guān)文章
javascript checkbox,radio美好效果代碼，非常漂亮2008-08-08
JavaScript 文本框下拉提示，類似百度和Google的輸入框提示效果，這里為了演示時加載的速度比較快，選用了一些數(shù)據(jù)，輸入“1”可更好的看到效果。2010-10-10
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別，在開發(fā)中可能會常有用到，利用js動態(tài)改變input的屬性2012-10-10
textarea自動下拉(帶計數(shù))2008-11-11
為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼)
為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼)，需要的朋友可以參考下。2010-11-11
這個驗證類的完成有很長時間了，一直沒有分享給大家 使用了這么長時間之后感覺挺順手，用于一些不需要特殊效果的表單驗證個人認為已經(jīng)足夠了，還是挺好用的2008-07-07
用Javascript讀取CheckBox數(shù)組的值的代碼(兼容IE與firefox)
為了同時支持Firefox和IE，我們常常用document.getElementById(id)方法來取得HTML對象。但是getElementById方法只能取得單個對象，而對于CheckBox數(shù)組則無能為力。2010-12-12
做網(wǎng)站的時候，很多地方都是由表單提交組成的，但是有提交的地方都要有驗證。客戶端驗證最簡單的方法就是使用JS自定義函數(shù)。這個文檔包含平時常用的28個驗證函數(shù)，還有驗證函數(shù)幾種使用方法。2010-03-03
checkbox實現(xiàn)全選的多種方法 不斷更新...2006-07-07
JavaScript隨機設(shè)置表單的發(fā)送地址
JavaScript隨機設(shè)置表單的發(fā)送地址，可以設(shè)置多個表單提交的地址，平時不怎么用，不過這個功能覺得以后能用上哦，大家沒事了還是研究一下埃2010-10-10