弹出的div被dropdownList(select)挡住了，怎么处理
日期：2014-05-16 浏览次数：20375 次
弹出的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
已经将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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
