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'; }