IE6下select总是在最上层的解决办法！

IE6下select总是在最上层的解决办法！

 

在ie6下，我们使用select的时候，会发现不管对上层的div的z-index给多大的值，select总是要从下面冒出来，在网上找了一下，主要解决方法有两种：

1，通过iframe遮盖select。

2，通过js控制select的显示和隐藏，不过当div只是遮住select的一半时，整个都会隐藏，不适合一些情况。

我们今天要解决的是通过iframe遮盖select。

1，iframe可以遮盖select     

2，div不能遮盖select      

3，如果让iframe遮盖select，那么div还没有遮盖iframe的时候，iframe已经把select遮盖住了，这时select已经显示不出来了。

<iframe scrolling="no" frameborder="0" style="width:100px; height:100px; top:320px; left:60px; background-color:transparent; position:absolute; z-index:-1;"></iframe>

background-color:transparent;背景设置为透明

iframe放在div的后面，div设置z-index为2；iframe设置为1；即可覆盖。

原文摘自：http://www.cnblogs.com/sunyjie/archive/2010/04/21/1717346.html。不过他说的是将iframe放到div里面，不过试了试不行，还是放在外面吧。

谢了。