超链接在IE6/IE7下无效果,在IE8/FF/Google/傲游下面有效果的问题,大家进来帮忙看下!

foollb 2010-12-21
这是我的一个js文件里面的代码,我点击一个超链接
<a shape="rect" id="showId" onclick="showpopup(this)">问题反馈</a>

要实现一个弹出黑底半透明层的效果,但是这个超链接在在IE8/FF/Google/傲游下面能够达到预期效果,但是在IE6/IE7下面,“问题反馈”超链接点击没有用,我调试 showpopup() 都执行完了,但是,没有效果。
侠士、侠女们来帮忙看下,找下原因!

document.observe("dom:loaded", function() {
	var mask=$("mask");
	var container=$("w_container");
	if(!mask)
	{			
		new Insertion.After(document.body,"<div id='mask'></div>");
		new Insertion.After(document.body,"<div id='w_container' class='popup'></div>");
	}		
	
	var xwidth=document.body.clientWidth;	
	var xheigt=document.body.clientHeight;
	if(document.documentElement.clientHeight > document.body.clientHeight )
	{
		xheigt=document.documentElement.clientHeight;
	}else
	{
		xheigt=document.body.clientHeight;
	}
	
	var maskshow = function(){
		$("mask").setStyle({height: xheigt+"px",width: xwidth +"px",display: "block"});
	}
	var maskhide = function(){
		$("mask").style.display="none";
	}
	this.showpopup = function(obj){	
		maskshow();		
		var container = $("w_container");		
		container.innerHTML = $(obj).next().innerHTML;
		container.style.display="block";
		var scrolltop=document.documentElement.scrollTop;
		var l = (xwidth-container.offsetWidth)/2 +"px";
		var t = (document.documentElement.clientHeight-container.offsetHeight)/2 + scrolltop +"px";
		container.setStyle({left:l,top:t});	
	}
	this.popclose = function(obj){	
		var container = $("w_container");
		container.innerHTML = "";
		container.style.display="none";		
		maskhide();
	}
			
});
Global site tag (gtag.js) - Google Analytics