欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

jquery.bgiframe.min.js在Web开发中有什么用?

添加于 2011-12-29   jqueryjquery插件
jquery教程

jquery.bgiframe 这个插件有什么用?对于刚接触该插件的朋友可能都非常想知道这个问题,简单的说 该插件的用途:bgiframebackgrand frame 用于解决IE6 中select 穿透 div 等层的问题 $('#id').bgiframe();

下面给大家一个使用实例

一個步驟輕鬆解決 IE6 z-index 的問題

如果網頁上有浮動區塊和下拉選單重疊時,在 IE6 會看到下拉選單總是把浮動區塊蓋住,無論怎麼調整 z-index 都是沒用的,像是這樣(若您不是使用 IE6 瀏覽本頁,則應該看到的是正常的浮動區塊在上面)

所幸 jQuery 有方便的 plugin 可以處理這個問題,就是 bgiframe plugin。bgiframe 會在區塊的下面再插入一段 iframe,這樣就可以把下拉選單遮住,並且讓浮動區塊正常顯示

以上範例的 HTML 原始碼如下:

<select style="z-index: 1;"><option>This is a test!</option></select>
<div id="floatingBox" style="width: 100px; height: 50px; border: solid 1px red; z-index: 2; background-color: lightyellow; position: relative; top: -35px; left: 40px;">歡迎來到 jsgears.com, 這是一個浮動區塊</div>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.bgiframe.pack.js"></script>

除了記得引用 jquery 和 bgiframe 之外,JavaScript 的原始碼也相當簡單,只要先選出你要加入 iframe 的區塊後,再用 bgiframe() 這個函數來處理即可!

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

本文出自零度科技转载请注明出处:http://www.ldisp.com/a/jquery/2011/jquery.bgiframe.shtml

上一篇:在同一页面中使用多个Jquery版本的方法
下一篇:jquery鼠标提示插件 BeautyTips

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

966

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理