js解决IE遮罩层无法遮罩select

最新推荐文章于 2021-07-07 15:55:14 发布

最新推荐文章于 2021-07-07 15:55:14 发布 · 286 阅读

文章标签：

#javascript

jquery 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种针对Internet Explorer 6浏览器的遮罩层显示问题的解决方案，通过使用jQuery插件实现对SELECT元素的正确覆盖。该方法适用于需要在老旧浏览器中保持网页功能完整性的场景。

1、包含js

(function(a){a.fn.bgiframe=(a.browser.msie&&/msie 6\.0/i.test(navigator.userAgent)?function(d){d=a.extend({top:"auto",left:"auto",width:"auto",height:"auto",opacity:true,src:"javascript:false;"},d);var c='<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+d.src+'"style="display:block;position:absolute;z-index:-1;'+(d.opacity!==false?"filter:Alpha(Opacity='0');":"")+"top:"+(d.top=="auto"?"expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+'px')":b(d.top))+";left:"+(d.left=="auto"?"expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+'px')":b(d.left))+";width:"+(d.width=="auto"?"expression(this.parentNode.offsetWidth+'px')":b(d.width))+";height:"+(d.height=="auto"?"expression(this.parentNode.offsetHeight+'px')":b(d.height))+';"/>';return this.each(function(){if(a(this).children("iframe.bgiframe").length===0){this.insertBefore(document.createElement(c),this.firstChild)}})}:function(){return this});a.fn.bgIframe=a.fn.bgiframe;function b(c){return c&&c.constructor===Number?c+"px":c}})(jQuery);

2、使用 $(".tips").bgiframe(); //解决IE6下，无法遮罩SELECT

tips是遮罩层div选择节点