最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE6下select z-index无效div被遮挡解决办法
时间：2022-06-25 11:21:07 编辑：袖梨 来源：一聚教程网
解决方法之一：Iframe包裹select元素
使用iframe包住select，这样iframe有z-index，只要在div上设置的z-index比iframe的高即可~这种方法有一定的局限性，不可能每个select都要加个iframe吧？所以不推荐！代码如下：
| 代码如下 | 复制代码 |
解决方法之二：以Iframe作为div的子元素，覆盖select元素
建立一个跟div同宽同高的iframe，并且z-index比div要低。这种方法推荐使用
| 代码如下 | 复制代码 |
|
这里可以包含其他dom元素 |
|
javascript解决办法
显示div的同时隐藏select
| 代码如下 | 复制代码 |
|
|
|
经过搜索百度，才知道原来IE6并不是z-index属性无效，而是IE6只认祖先，这样一个规律，如果IE6无效的时候，你可以先检查IE6最顶的div 的z-index属性，里面的div是跟随祖先的变化而变化的.
并且之前的div不可以有position:relative，否则就会属性失效，跟着这两个因素
相关文章
- Minimax开发者最佳实践如何避免3个常见错误? 06-14
- 最火的仙侠手游下载合集 热门的修真游戏盘点2026 06-14
- 阶跃星辰开发者实用插件推荐：3种场景的接入对比 06-14
- Minimax开发者版权风险说明：如何排查？3项自查清单 06-14
- 智谱清言开发者版权风险说明：如何用3步自查合规？ 06-14
- 职业技能高考攻略（掌握关键技巧，打造高分利器） 06-14