首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

IE6的兼容性有关问题

2012-11-03 
IE6的兼容性问题下载了一个JQuery登陆框的插件,但是在IE6下不兼容(直接用作者提供的demo也不行)下面是我做

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……

热点排行