IE6的兼容性问题
下载了一个JQuery登陆框的插件，但是在IE6下不兼容（直接用作者提供的demo也不行）
下面是我做的网站
在firefox，IE8，IE9下测试效果图，正常情况下整个页面背景变暗，在页面居中显示登录div
IE6下测试效果图，页面背景没有变暗，而且DIV显示在了页面底部靠左侧（隐藏时的DIV是在页面底部居中放置的）
主要有关的CSS代码如下
- CSS code
#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); }jQyery代码如下
- JScript code
(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);我把JQuery代码里涉及div显示样式的部分加上"_left":"50%"后仍然不起作用。是样式不兼容还是脚本不兼容呢？
为什么好看的效果在IE6下好多都不能用。。。
[解决办法]