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

作者：袖梨 2022-06-25

解决方法之一：Iframe包裹select元素

使用iframe包住select，这样iframe有z-index，只要在div上设置的z-index比iframe的高即可~这种方法有一定的局限性，不可能每个select都要加个iframe吧？所以不推荐！代码如下：

代码如下	复制代码
<!-- 用iframe 解决此bug --><br />  <select name="<a href=/database/mssqlserver/42852.htm target=_blank >count</a>ry"><br />   <option value="1">china</option><br />   <option value="2">japanese</option><br />   <option value="1">U.S.A</option><br />  </select><br />

解决方法之二：以Iframe作为div的子元素，覆盖select元素

建立一个跟div同宽同高的iframe，并且z-index比div要低。这种方法推荐使用

代码如下

复制代码

这里可以包含其他dom元素

javascript解决办法

显示div的同时隐藏select