IE6 Select元素无法被div等元素覆盖的bug解决办法
来源:互联网 发布:计算机图形学编程实例 编辑:程序博客网 时间:2024/06/05 19:21
在页面设计时,经常会使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!
解决办法一:Iframe包裹select元素
解决办法二:以Iframe作为div的子元素,覆盖select元素
这样嵌入了iframe的div就不怕被select划破了,方法一使用比较简单,但是应用存在局限,不可能在所有的select元素外添加iframe。方法二有的放矢,在需要的div上面添加iframe,是常见的解决办法。
ASP.NET2.0的服务器端控件Menu菜单控件在IE6下渲染的时候,也遇到了select元素无法覆盖的问题,所以当加载了Menu菜单控件时,会自动注入一个脚本文件,用添加iframe元素的办法来处理这个bug,当菜单项比较多的时候,这个脚本处理会导致菜单加载时有明显的延迟,所以这个菜单控件还是不用为妙!
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法(转)
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- ie6 select无法被div遮盖的bug解决
- 解决IE6 select无法被div遮盖的bug
- IE6:防止Select等元素遮挡弹出Div层
- IE6:防止Select等元素遮挡弹出Div层
- IE6:防止Select等元素遮挡弹出Div层
- SELECT 元素在IE6中遮挡DIV的解决方法
- 解决FLASH与DIV覆盖遮挡以及FF无法显示innerHTML等元素的方法
- div覆盖select(IE6)
- select元素覆盖问题
- IE6下DIV容器中双Float元素字符重影bug(IE6重复文字bug)
- 解决IE6浮动元素产生的“双边距”BUG问题及解决办法
- Div层显示不能覆盖表单Select元素问题
- IE6的BUG,float浮动元素被非float元素挤到第二行
- MyEclipse里创建ZK的开发环境
- 格力高主页UuuuuuuuP!
- VBA概述之在Office产品中创建自己的应用程序
- 软件的本质
- FC12 FC11 FC10 的XManager telnet ftp 设置,保证绝对有效
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- JTAG原理介绍
- 同一个服务器,不同表数据的复制
- 要考驾照了
- java一些好用的快捷键及一些好的操作
- 基于数据库结构的源代码生成
- Dom4j
- Dom4j入门指南(1)
- VBA在Excel中的应用(一)