jQuery bgiframe插件

IE6中有一个特别的地方，那就是 div 无法覆盖 select ，这就导致如果网页上有浮动区块出现在下拉菜单上面时，在IE6里会看到下拉框总是在浮动区块上面，无论浮动区块的 z-index 的值有多大都没用。不过，IE6中iframe 可以覆盖 select ，而 div 可以覆盖 iframe ，所以解决办法一个就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框或浮动区块，另一个就是为下拉列表或浮动区块添加一个Iframe作为 子元素。

如图：

 
jQuery插件bgiframe就是用来解决以上问题，原理采用了上面的第二种，就是用JS动态在指定的容器内开始添加一个iframe对象，来实现我们需要的效果。

官方网址：https://github.com/brandonaaron/bgiframe

使用方法为：

$(document).ready(function() { 
  //test为div的id
  $('#test').bgiframe(); 
});