当前位置: 代码迷 >> JavaScript >> 弹出的div被dropdownList(select)挡住了,怎么处理
  详细解决方案

弹出的div被dropdownList(select)挡住了,怎么处理

热度:128   发布时间:2012-02-24 16:30:38.0
弹出的div被dropdownList(select)挡住了,怎么办?
已经将dropdownList   放入了层中,设置了Z-INDEX   ,但是,div   还是被dropdownList挡住了。用iframe遮罩也不行(不知道是不是我没有理解),但是最好不要用iframe遮罩,谁能解决一下.

看了网上有问这个问题的,但是没有能解决的呀

------解决方案--------------------
这个是浏览器的BUG
------解决方案--------------------
<html>

<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> JK:支持民族工业,尽量少买X货 </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:#cccccc; "> aaaaaaa <br> bbbbbbb <br> ccccccc <br> ccccccc <br> ccccccc <br> ccccccc </div>
</div>

<select style= "width:200 " > <option> test0 <option> test1 <option> test2 <option> test3 </select>

<br>
<pre>
在IE6里,Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。

这里采用的方法是:

虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.

</pre>

</body>

</html>
------解决方案--------------------
在可完全遮住select的情况下,可选择暂时将select隐藏
IE6的问题~
------解决方案--------------------
up
  相关解决方案