Lee dialog 1.0 ie 弹出位置错误解决

Lee dialog 是一个弹出对话框并且背景变暗的jquery差件，但是在ie出弹出的位置出错。以下修改解决了此问题。

 

 

// Lee dialog 1.0 http://www.xij.cn/blog/?p=68 var dialogFirst=true; function dialog(title,content,width,height,cssName,top){ var mytop = top+200; //alert(mytop); if(dialogFirst==true){ var temp_float=new String; temp_float="<div id=/"floatBoxBg/" style="/" mce_style="/""height:"+$(document).height()+"px;filter:alpha(opacity=0);opacity:0;/"></div>"; temp_float+="<div id=/"floatBox/" class=/"floatBox/" style="/" mce_style="/""top:"+mytop+"px;/">"; temp_float+="<div class=/"title/"><h4></h4><span>关闭</span></div>"; temp_float+="<div class=/"content/"></div>"; temp_float+="</div>"; $("body").append(temp_float); dialogFirst=false; } $("#floatBox .title span").click(function(){ $("#floatBoxBg").animate({opacity:"0"},"normal",function(){$(this).hide();}); $("#floatBox").animate({top:($(document).scrollTop()-(height=="auto"?300:parseInt(height)))+"px"},"normal",function(){$(this).hide();}); }); $("#floatBox .title h4").html(title); contentType=content.substring(0,content.indexOf(":")); content=content.substring(content.indexOf(":")+1,content.length); switch(contentType){ case "url": var content_array=content.split("?"); $("#floatBox .content").ajaxStart(function(){ $(this).html("loading..."); }); $.ajax({ type:content_array[0], url:content_array[1], data:content_array[2], error:function(){ $("#floatBox .content").html("error..."); }, success:function(html){ $("#floatBox .content").html(html); } }); break; case "text": $("#floatBox .content").html(content); break; case "id": $("#floatBox .content").html($("#"+content+"").html()); break; case "iframe": $("#floatBox .content").html("<iframe src="/" mce_src="/"""+content+"/" width=/"100%/" height=/""+(parseInt(height)-30)+"px"+"/" scrolling=/"auto/" frameborder=/"0/" marginheight=/"0/" marginwidth=/"0/"></iframe>"); } $("#floatBox").css("top",$(document).scrollTop());//-----fanfan add 20091006 $("#floatBox").css("display","block");//-----fanfan add 20091006 $("#floatBoxBg").show(); $("#floatBoxBg").animate({opacity:"0.5"},"normal"); $("#floatBox").attr("class","floatBox "+cssName); //$("#floatBox").css({display:"block",left:(($(document).width())/2-(parseInt(width)/2))+"px",top:($(document).scrollTop()-(height=="auto"?300:parseInt(height)))+"px",width:width,height:height});//-----the origin $("#floatBox").animate({top:($(document).scrollTop()+50)+"px"},"normal"); }