【ie6下select】IE6下select z-index无效div被遮挡解决办法

更新时间:2017-08-21    来源:安卓教程    手机版     字体:

【www.bbyears.com--安卓教程】

解决方法之一: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

 代码如下

<script LANGUAGE="JavaScript" defer>

</script> 

经过搜索百度,才知道原来IE6并不是z-index属性无效,而是IE6只认祖先,这样一个规律,如果IE6无效的时候,你可以先检查IE6最顶的div 的z-index属性,里面的div是跟随祖先的变化而变化的.

并且之前的div不可以有position:relative,否则就会属性失效,跟着这两个因素

本文来源:http://www.bbyears.com/shoujikaifa/34990.html

热门标签

更多>>

本类排行