bgiframe 解决IE6 DIV 档不住下拉选择框
来源:互联网 发布:苹果屏幕录制软件 编辑:程序博客网 时间:2024/05/05 09:06
bgiframe 插件用来轻松解决 IE6 z-index 的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的,而用 bgiframe 就可以轻松解决这个问题。
使用方法:
$('#floatingBox').bgiframe();
});
demo案例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bgiframe 案例</title>
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/jquery.bgiframe.js" type="text/javascript"></script>
</head>
<!--bgiframe 插件用来轻松解决 IE6 z-index 的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的,而用 bgiframe 就可以轻松解决这个问题。-->
<script type="text/javascript">
$(document).ready(function() {
$('#cart_sidebar').bgiframe();
});
</script>
<script type="text/javascript">
jQuery(function($) {
$(".float_div").hover(function(){
if(!$("#cart_sidebar").is(":animated"))
$("#cart_sidebar").css('display','block'); //.show();
},function(){
$("#cart_sidebar").css('display','none'); //.hide();
})
});
</script>
<style type="text/css">
#cart_sidebar {
position:absolute
}
</style>
<body>
<div class="float_div">鼠标悬浮上来看效果哦</div>
<div id="cart_sidebar" style="display:none">我悬浮在select上的喽~~~我悬浮在select上的喽~~~我悬浮在select上的喽~~~我悬浮在select上的喽~~~我悬浮在select上的喽~~~IE6下兼容的!</div>
<div class="sort_select" id="floatingBox">
<div class="sort_by">
<label>SORT BY:</label>
<select>
<option selected="selected" value=""> Date: newest to oldest1</option>
<option value=""> Date: newest to oldest2</option>
<option value=""> Date: newest to oldest3</option>
</select>
</div>
</div>
</body>
</html>
- bgiframe 解决IE6 DIV 档不住下拉选择框
- bgiframe 解决IE6 DIV 挡不住下拉选择框
- IE6情况下使用jquery.bgiframe.js插件解决下拉列表框被遮盖BUG
- IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层、Dialog的问题
- 解决IE6浏览器中Div层挡不住Select组件
- IE6和以下版本解决下拉框挡住Div问题
- 完美解决ie6 div层被下拉框覆盖
- IE6和以下版本解决下拉框挡住Div问题
- IE6下,遮罩层遮盖不住下拉框的问题
- IE6下select下拉框遮住div层的解决方法(用iframe解决)
- 解决:IE6下,div被下拉框所遮挡的问题
- jQuery插件之-bgiframe解决ie6下select不被层遮盖的bug
- IE6中Div 遮罩层覆盖不住select控件的解决方法
- IE6中Div 遮罩层覆盖不住select控件的解决方法
- IE6下, div层被select下拉框遮挡解决方案
- IE6下select下拉框覆盖div的问题
- javascript 根据下拉框选择显示不同的DIV
- 下拉框的选择增减页面里的div标签
- 安全性测试——Buffer overrun
- 使用DOM4J读取XML文档
- 91461452469259f108dee0593bece4cb
- 虚拟机安装tools的过程中遇到一个c header 问题(我的镜像是:ubuntu-10.10-desktop-i386.iso)
- C++学习之main函数以及带形参的main函数
- bgiframe 解决IE6 DIV 档不住下拉选择框
- VS2008中配置openCV和GDAL
- EXT-grid 操作大全
- php学习笔记(2)- 数据库操作
- Gtest自动化框架
- Memcache 协议(中英对照)
- Linux下的压缩解压缩命令详解
- 旅游公司老总的忠告,不对外发布!!!
- AlphaBlend 函数(Platform SDK)