最新下载
热门教程
- 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,否则就会属性失效,跟着这两个因素
相关文章
- 羊蹄山之魂是独占吗 羊蹄山之魂独占时间介绍 10-14
- 三角洲行动密码门大全(每日更新) 全地图今日密码更新汇总 10-14
- 羊蹄山之魂pc什么时候上 羊蹄山之魂pc版预计上线时间 10-14
- 无畏契约十字准星代码大全 手感好的十字准星代码推荐 10-14
- 崩坏:星穹铁道忘却之庭弦外之声满星阵容怎么搭配-崩坏:星穹铁道忘却之庭弦外之声满星队伍搭配推荐 10-14
- 辉烬格洛克怎么样 格洛克角色介绍 10-14