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)文章
純css實(shí)現(xiàn)的圓角邊框效果代碼2008-04-04
客齊集OEM的CSS解析與開發(fā)經(jīng)驗(yàn)
客齊集OEM的CSS解析與開發(fā)經(jīng)驗(yàn)...2007-03-03
CSS實(shí)現(xiàn)的一個(gè)圖片放大展示的一種思路
CSS實(shí)現(xiàn)的一個(gè)圖片放大展示的一種思路...2007-10-10
常用CSS集合...2007-02-02
用CSS floats創(chuàng)建三欄頁布局...2007-02-02
推薦徹底弄懂CSS盒子模式(DIV布局快速入門)...2007-03-03
CSS制造：鼠標(biāo)移上去顯示大圖...2006-12-12
推薦深入理解css中的position定位和z-index屬性
推薦深入理解css中的position定位和z-index屬性...2007-10-10
div+CSS兼容小摘，比較實(shí)用的小技巧。2009-11-11
