option挡住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;"> 
下拉菜单
 
bbbbbbb
 
ccccccc
 
ccccccc
 
ccccccc
 
ccccccc 
</div> 
</div> 
<select style="width: 200"> 
<option>test0</option> 
<option>test1</option> 
<option>test2</option> 
<option>test3</option> 
</select> 

 
<pre> 
Div被Select挡住，是一个比较常见的问题。 
有的朋友通过把div的内容放入iframe或object里来解决。 
可惜这样会破坏页面的结构，互动性不大好。 
这里采用的方法是： 
虽说div直接盖不住select 
但是div可以盖iframe，而iframe可以盖select, 
所以，把一个iframe来当作div的底， 
这个div就可以盖住select了. 
</pre> 
</body></html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：JS清空上传控件input(type="file")的值的代码第1/2页
下一个：javascript 出生日期和身份证判断大全

更多图片编程知识: