实现半透明效果

        objOverlay.style.backgroundColor = '#5f9ea0';
        objOverlay.style.filter = "alpha(opacity=40)";
        objOverlay.style.opacity = "0.4";

objOverlay是我们要使用的覆盖层。

一般来说实现半透明效果的覆盖层，使用以下三个函数就行了。

function initOverLay(){
		var objOverlay = document.getElementById("overlay");
		if(objOverlay){
		objOverlay.style.display = 'none';
		}
		else{
		objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlay');
		objOverlay.style.zIndex = 100;
		objOverlay.style.top = "0px";
		objOverlay.style.left = "0px";
		objOverlay.style.position = "absolute";
		objOverlay.style.backgroundColor = '#5f9ea0';
		objOverlay.style.filter = "alpha(opacity=40)";
		objOverlay.style.opacity = "0.4";
		objOverlay.style.display = 'none';
		objOverlay.style.height = (window.innerHeight||document.documentElement.offsetHeight) + "px";
		objOverlay.style.width = Math.max(document.documentElement.scrollWidth,document.documentElement.offsetWidth) + "px";
		objOverlay.onclick = function() { return; }
		document.getElementById("content").appendChild(objOverlay);
		}
}
function enableOverLay(){
		var objOverlay = document.getElementById("overlay");
		objOverlay.style.display = '';
}
function disableOverLay(){
		var objOverlay = document.getElementById("overlay");
		objOverlay.style.display = 'none';
}