导航下拉菜单被下拉列表框覆盖了，怎么处理
日期：2014-05-16 浏览次数：20366 次
导航下拉菜单被下拉列表框覆盖了，怎么办？
导航下拉菜单被下拉列表框覆盖了，怎么办？
我昨天看到了有一个帖子和我一样的问题，但是没有答案。
------解决方案--------------------
<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挡住，是一个比较常见的问题。(IE7/Firefox没有这个问题)
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
</pre>
</body>
</html>
导航下拉菜单被下拉列表框覆盖了，怎么办？
我昨天看到了有一个帖子和我一样的问题，但是没有答案。
------解决方案--------------------
<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挡住，是一个比较常见的问题。(IE7/Firefox没有这个问题)
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
</pre>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
