博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6下解决select层级高的问题
阅读量:5858 次
发布时间:2019-06-19

本文共 879 字,大约阅读时间需要 2 分钟。

div在IE6下无法遮盖select,原因是在IE6下,浏览器将select元素视为窗口级元素,这时div或者其它的普通元素无论z-index设置的多高都是无法遮住select元素的。

解决方法有三种: 

1:当浮动层div出现的时候,用JS将select隐藏,当浮动层div消失的时候select恢复出现。

2.可以用ul,li等进行模拟一个select的元素

3. 利用iframe的方式进行。

下面讲讲第三种最常用的的方式:

 注意:生成的iframe是添加到要遮盖select的元素上。 其实相当于iframe作为它的背景存在。

<iframe frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);"></iframe>

当然可以用JS动态的创建,当识别的为IE6的时候
 
function createIframe(){
//
为兼容IE6创建框架
                var myIframe = document.createElement('iframe');
                myIframe.src = 'about:blank';
                myIframe.style.position = 'absolute';
                myIframe.style.zIndex = -1;
                myIframe.style.left = '-1px';
                myIframe.style.top = 0;
                myIframe.style.border = 0;
                myIframe.style.filter = 'alpha(opacity= 0)';
                myIframe.style.width =  '250px';
                myIframe.style.height = '250px';
                return myIframe;
            }

 再添加到需要遮盖select的元素上面。

 

转载于:https://www.cnblogs.com/heimanba/p/3826030.html

你可能感兴趣的文章
输出select日期
查看>>
C#对FTP的一些操作 (转)
查看>>
Java访问文件夹中文件的递归遍历代码Demo
查看>>
VBS去除字符串的重复项并统计重复字符出现的次数
查看>>
Linux 进程中 Stop, Park, Freeze【转】
查看>>
YUV格式详解【转】
查看>>
Linux2.6.32内核笔记(5)在应用程序中移植使用内核链表【转】
查看>>
progress_display
查看>>
Linux(RHEL7.0)下安装nginx-1.10.2
查看>>
Windows server 2008 64位 在双核CPU(32位)下的安装过程
查看>>
oracleXE版本相关问题整理
查看>>
PostgreSQL 的 语法分析的理解(六)
查看>>
iOS:quartz2D绘图(显示绘制在PDF上的图片)
查看>>
Module Zero之角色管理
查看>>
linux下异步IO的简单例子【转】
查看>>
12.2. set
查看>>
静态html分页
查看>>
新手练练----也做即时通信系统(2)
查看>>
jQuery 2.0.3 源码分析Sizzle引擎 - 超级匹配
查看>>
Floyd-Warshall 全源最短路径算法
查看>>