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