jquery.bgiframe使用方法见node/915

星期四, 2013-11-14 14:56 — shiping1

jquery.bgiframe使用方法

作者：jucelin 发布：2012-03-05 09:15 分类：前端设计热度：3212 ℃ 7条评论

jquery.bgiframe是用来处理IE6下select的z-index最高无法被透明层遮罩的BUG，原理也是利用IE6下的BUG，iframe可以遮罩住select，而DIV可以遮罩iframe，这样DIV也就遮罩住了select。

网上转载这个插件的文章很多，但大多都是复制过来的，来基本的错别字都没有修改。jucelin看到这个插件时就下载到了JS代码，但不知道初始化时对谁操作，于是网络中找了一会，很是失望的是，没有找到，也许是我找到的太匆忙。最后还是下载的官方包（在明河的博客上下载的），演示有，但代码中连jQuery地址错了，八成不是官方的演示代码。

OK，不发牢骚了。

插件官网及介绍：~~原地址~~ https://github.com/brandonaaron/bgiframe

下载地址：太长，点这里 || 网盘下载（都为2.1.3-pre版本）

官方演示：http://sandbox.runjs.cn/show/dooztchz（下载地址中的test.html）

使用方法：

1<!--[if lte IE 6]>
2 
3<script type="text/javascript" src="Js/jquery.bgiframe.min.js"></script>
4 
5<script language="javascript">
6 
7$(document).ready(function(){
8 
9$("#bg").bgiframe();//#bg是遮罩层，即设置半透明的那个DIV，其他都没用
10 
11});
12 
13</script>
14 
15<![endif]-->

使用后

jucelin在使用后，因为设置position的问题，导致遮罩层打开后select不可见，关闭时可见，这个也没去深究。另外，有网友说此插件也有BUG，详情可看这里：bgiframe的bug。

2012.8.22更新

看很多朋友都有在搜索这个插件，我给下我最后的解决方法，方法很简单，在有遮罩层打开的时候将后面的select的visibility设置为hidden，关闭时可见，一般而言，我们可以专门设置IE6下的JS来设置。因为我没有使用这个插件，所以没有深入探究上面的BUG。

如果你有好的方法也可以留言。

2012.11.29更新

将官方的演示文档放在了runjs.cn上，供大家直接测试使用。演示地址：http://sandbox.runjs.cn/show/dooztchz，源码地址：http://runjs.cn/code/dooztchz

本文固定链接: http://jucelin.com/jquery-bgiframe.html | Jucelin
来自 http://jucelin.com/jquery-bgiframe.html

普通分类:

jquery

You are here