IE6的兼容性问题
下载了一个JQuery登陆框的插件,但是在IE6下不兼容(直接用作者提供的demo也不行)
下面是我做的网站
在firefox,IE8,IE9下测试效果图,正常情况下整个页面背景变暗,在页面居中显示登录div
IE6下测试效果图,页面背景没有变暗,而且DIV显示在了页面底部靠左侧(隐藏时的DIV是在页面底部居中放置的)
主要有关的CSS代码如下
#signup { width: 470px; padding-bottom: 2px; display:none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); }(function($){ $.fn.extend({leanModal:function(_1){var _2={top:100,overlay:0.5};_1=$.extend(_2,_1);return this.each(function(){var o=_1;$(this).click(function(e){var _3=$("<div id='lean_overlay'></div>");var _4=$(this).attr("href");$("body").append(_3);$("#lean_overlay").click(function(){_5(_4);});var _6=$(_4).outerHeight();var _7=$(_4).outerWidth();$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(_4).css({"display":"block","position":"fixed",opacity:0,"z-index":11000,"left":50+"%","margin-left":-(_7/2)+"px","top":o.top+"px"});$(_4).fadeTo(200,1);e.preventDefault();});});function _5(_8){$("#lean_overlay").fadeOut(200);$(_8).css({"display":"none"});};}});})(jQuery);