bgiframe 解决IE6 DIV 挡不住下拉选择框

在做项目测试的时候发现一个bug，select老是跑在浮动层上面，浮动层div怎么也不能浮在select最上面一层，那么如何让浮动的div层显示在select组件的上面呢？找了些资料发现原来这就是html语言的通病，只能通过某些优先级更高的组件来遮盖解决，下面是解决办法。

bgiframe 插件用来轻松解决 IE6 z-index 的问题，如果网页上有浮动区块和下拉选单重叠时，在IE6会看到下拉选框总是把浮动区块覆盖住，无论怎么调整 z-index 都是没用的，而用 bgiframe 就可以轻松解决这个问题。

使用方法：

导入   <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
           <script src="js/jquery.bgiframe.js" type="text/javascript"></script> 

<script type="text/javascript">
$(document).ready(function() { 
$('# floatingBox'). bgiframe(); 
});

</script>

jquery.bgiframe.js   下载

 

官方地址： http://plugins.jquery.com/project/bgiframe