首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-02-24 
弹出的div被dropdownList(select)挡住了,怎么办?已经将dropdownList放入了层中,设置了Z-INDEX,但是,div还

弹出的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

热点排行
Bad Request.