IE6的兼容性有关问题-JavaSript-爱易网页

IE6的兼容性有关问题

日期：2014-05-16　浏览次数：20490 次

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下好多都不能用。。。

------解决方案--------------------

探讨

CSS code

#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

我把fixed换成/msie 6/i.te……

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

IE6的兼容性有关问题

相关资料更多>

推荐阅读更多>