IE6下select下拉框遮住div层的解决方法(用iframe解决)

思路：iframe可以覆盖select,而层可以覆盖iframe。

方法：在层里放一个比select级别高的iframe就可以了。

实现：在div里面加入以下代码  。

 

<iframe src="javascript:false" style="position:absolute;visibility:hidden!important;_visibility:inherit;top:0px; left:0px; width:100%; height:100%; z-index:-1;_filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>

 

注意：div的宽高要设定，这样iframe的100%宽高才有效，否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏iframe，一开始用display:none!important竟然在IE6下也有效，太奇怪了，什么原因就大家问微软去吧