div總是被select遮擋的解決方法
更新時(shí)間:2008年06月25日 21:33:31 作者:
這個(gè)方法好像可行,但前提是div層的大小、位置可知,對(duì)于在后臺(tái)js文件中控制style的div就實(shí)效了。 我遇到的恰好就是這種情況,所以太遺憾了。 不過這個(gè)帖子還是應(yīng)該收藏一下。
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>div被select遮擋的解決方法——腳本之家</title>
</head>
<body>
<iframe style="position:absolute;z-index:9;width:expression
(this.nextSibling.offsetWidth);height:expression
(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression
(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>
<form id="Form1" method="post">
<div style="z-index:10;position:absolute;background-
color:blue;width:100;height:18;overflow:hidden;" >aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</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>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" c>
<title>div被select遮擋的解決方法——腳本之家</title>
</head>
<body>
<iframe style="position:absolute;z-index:9;width:expression
(this.nextSibling.offsetWidth);height:expression
(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression
(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>
<form id="Form1" method="post">
<div style="z-index:10;position:absolute;background-
color:blue;width:100;height:18;overflow:hidden;" >aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</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>
</form>
</body>
</html>
相關(guān)文章
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02web標(biāo)準(zhǔn)知識(shí)——從p開始,循序漸進(jìn)
從今天開始,我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識(shí)放在這個(gè)“WEB標(biāo)準(zhǔn)能有多難?”的專欄里。當(dāng)然由于振之的水平有限,所講并非是完全正確的。在看了這個(gè)專欄的文章的時(shí)候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見。2008-06-06網(wǎng)頁布局設(shè)計(jì)的標(biāo)準(zhǔn)尺寸
許多的網(wǎng)頁設(shè)計(jì)在進(jìn)行網(wǎng)頁布局設(shè)計(jì)時(shí),進(jìn)行界面網(wǎng)頁的寬度尺寸設(shè)計(jì)都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網(wǎng)頁應(yīng)該設(shè)計(jì)為多少像素才合適呢?太寬就會(huì)出現(xiàn)水平滾動(dòng)條了,下面我們就網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)尺寸進(jìn)行講解.2008-03-03CSS定位中Positoin、absolute、Relative的一些研究
用Div+CSS進(jìn)行網(wǎng)站布局時(shí),做一些浮動(dòng)層等特殊特殊效果時(shí)要考慮到定位問題。這就要用到Positoin屬性等。2008-10-10用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼
一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼...2007-10-10推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例
推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例...2007-11-11