2009

Aug

31

IE6中弹出层遮不住select的解决方法
文章分类:XHTML相关

今天在公司遇到了一个问题,在IE6中浮动层遮盖不住select,很是令人头疼,如图所示,gmail.com本来在浮动层下面,可是在ie6下面却显示在浮动层上面了,

在网上找了很多方法,大多数的说法都是一样的,但是解决不了问题,最后七拼八凑终于解决了,把代码贴出来给大家看看,也许你用得着的哦,注意用该段代码的页面要加载jQuery。

<script language="javascript">  
 (function($){   
 $.fn.bgIframe = $.fn.bgiframe = function(s) {   
     // This is only for IE6   
    if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {   
        s = $.extend({   
            top     : 'auto', // auto == .currentStyle.borderTopWidth   
            left    : 'auto', // auto == .currentStyle.borderLeftWidth   
            width   : 'auto', // auto == offsetWidth   
            height  : 'auto', // auto == offsetHeight   
            opacity : true,   
            src     : 'javascript:false;'   
        }, s || {});   
        var prop = function(n){return n&&n.constructor==Number?n+'px':n;},   
             html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+   
                       'style="display:block;position:absolute;z-index:-1;'+   
                           (s.opacity !== false?'filter:Alpha(Opacity='0');':'')+   
                           'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+'px')':prop(s.top))+';'+   
                           'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+'px')':prop(s.left))+';'+   
                           'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+'px')':prop(s.width))+';'+   
                           'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+'px')':prop(s.height))+';'+                       '"/>';   
        return this.each(function() {   
            if ( $('> iframe.bgiframe', this).length == 0 )   
                this.insertBefore( document.createElement(html), this.firstChild );   
        });   
    }   
    return this;   
};   
   
})(jQuery);    
  $(document).ready(function(e){  
  $('.huntingclassbox').bgiframe();})//其中huntingclassbox是浮动层的类名  
</script> 

本站原创,转载请标明:来自追梦博客(http://www.wuleilei.com/)

本文地址:http://www.wuleilei.com/Blog/240

相关文章

精通JavaScript jQuery (2009-06-19)

jQuery“没有权限”的解决方法 (2010-05-05)

javaScript与jquery实现锚点平滑移动 (2010-12-30)

jQuery显示与隐藏div的特效 (2011-01-12)

20个最新的jQuery效果. (2011-01-20)

jQuery滑动图片效果 (2011-01-27)

实用的jQuery表格样式(隔行换色和鼠标经过高亮并显示隐藏内容) (2011-02-17)

jQuery实现自定义select样式 (2011-06-23)

jQuery EasyDrag轻松实现DIV的拖动 (2011-07-15)

给Adobe Dreamweaver CS5安装jQuery语法提示插件 (2010-10-11)

看看他们的脚印

闲言碎语

晚上和爸妈吃个饭。 (2月6日)

装修好累哟 (2月4日)

《斯巴达克斯:复仇》 (2月3日)

文章分类

最近文章

iOS开发之回调delegate的方法...

iOS开发之使用AES加密(兼容Obj...

事情好多哦

iOS开发之获取本机IP地址的方法

简单记录PC上安装苹果系统

最近评论

日志归档

友情链接

其它功能

随机标签