jquery.bgiframe使用方法

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)

使用方法:

<!--[if lte IE 6]>

<script type="text/javascript" src="Js/jquery.bgiframe.min.js"></script>

<script language="javascript">

$(document).ready(function(){

$("#bg").bgiframe();//#bg是遮罩层,即设置半透明的那个DIV,其他都没用

});

</script>

<![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

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

该日志由 jucelin 于2012年03月05日发表在 前端设计 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery.bgiframe使用方法 | Jucelin
关键字: , , , , , ,

jquery.bgiframe使用方法:目前有7 条留言

  1. 5楼
    雨帆:

    好物啊,下载收藏了。

    2012-03-17 06:29
  2. 很实用,收下了。

    2012-03-13 10:42
  3. 地板
    gleaner:

    前来支持~!

    2012-03-10 14:05
  4. 板凳
    gleaner:

    现在其实可以无视这个BUG了~!嘿嘿

    2012-03-08 15:52
    • jucelin:

      我真想啊,可是公司电脑清一色的XP,接着就是IE6。真头疼。 :sad:

      2012-03-08 17:53
  5. 对jquery 不了解

    2012-03-07 14:54
    • jucelin:

      JS的库,类似于PHP的class,接着你肯定懂了,呵呵

      2012-03-08 17:55

发表评论

您必须 [ 登录 ] 才能发表留言!

更多