IE6中有一个特别的地方,那就是 div 无法覆盖 select ,这就导致如果网页上有浮动区块出现在下拉菜单上面时,在IE6里会看到下拉框总是在浮动区块上面,无论浮动区块的 z-index 的值有多大都没用。不过,IE6中iframe 可以覆盖 select ,而 div 可以覆盖 iframe ,所以解决办法一个就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框或浮动区块,另一个就是为下拉列表或浮动区块添加一个Iframe作为 子元素。
jQuery插件bgiframe就是用来解决以上问题,原理采用了上面的第二种,就是用JS动态在指定的容器内开始添加一个iframe对象,来实现我们需要的效果
使用方法为:
Js代码 $(document).ready(function() { //test为div的id $('#test').bgiframe(); });
如果您觉得本文的内容对您的学习有所帮助:
关键字:
bgiframe插件