《双陈记》情侣博客

位置:主页 > 前端设计 > 解决IE6下select z-index 无效

解决IE6下select z-index 无效

这两天工作主要就是修复那些IE6,ie7下的各种bug。对于ie6,我还能说神马了,天朝还有这么多的人在
使用ie6,客户也是很多使用IE6的,木有办法,只有边恶心,边折腾了。
今天纠结的一个问题就是在ie6下浮动层被select所遮盖,之前还没有遇到过这个问题,google了一下,
找到如下方法:
用个iframe包裹住select,由于要更改的页面比较多,就放弃了这个方法。采用基于
jQuery的一个插件简单快捷方便,bgiframe插件。
其实它的原理也是用iframe来解决的。
使用方法:
下载jquery.bgiframe.js,地址:https://github.com/brandonaaron/bgiframe
<!--[if IE 6]>
      <script src="/Scripts/jquery.bgiframe.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#div1').bgiframe();
            })
	   </script>
<![endif]-->
#div1为所要浮动的div的id
ps:万恶的ie6啊!快点挂吧!(前几天又查了下过年浏览器使用率,ie6还是有25%,哎。)


无觅相关文章插件

已经有9位童鞋留言了,还不来盖楼!

  1. 看来你是个专业人士啊

  2. 情侣博客真洋气 ,羡慕嫉妒恨!

  3. 浮动层,是弹出层吗?我一般是弹出层把select隐藏就ok了。

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片