jQuery插件 bgiframe,使div浮动层显示在Select组件上面,jquery.bgiframe.js解决下拉列表框被遮盖(iE 6下存在的情况)

jackxiang 2010-3-31 20:40 | |
IE6下的bug:有select标签但弹窗不能完全遮罩的情况:
bgiframe 插件用来轻松解决 IE6 z-index 的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的,而用 bgiframe 就可以轻松解决这个问题。

使用方法:

$(document).ready(function() {
  $('#floatingBox').bgiframe();
});  

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


bgiframe 插件解决 IE6 的问题,如果网页上下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住
首先去jquery 官方网下载 jquery.bgiframe.js 然后在jsp页面引入:

<script type='text/javascript' src='<%= request.getContextPath()%>/js/jquery.bgiframe.js'></script>  
<script type="text/javascript">    
$(function() {    
$('livemargins_contro').bgiframe();      
});    
</script>

来源:http://healthandbeauty.javaeye.com/blog/689002

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/2878/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2013-1-22 17:11
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]