在iframe 中页面中设置遮罩遮罩层

 

1.创建遮罩层（遮住左边的菜单和上面的菜单）

function CreatNodeAll()
 {
 var NewMask=window.parent.document.createElement("div");
 NewMask.id="Mask";
 NewMask.style.position="absolute";
 NewMask.style.top="0";
 NewMask.style.left="0";
 NewMask.style.zIndex="1";
 NewMask.style.backgroundColor="#000000";
 NewMask.style.filter="alpha(opacity=30)";
 //NewMask.style.opacity="0.7";
 NewMask.style.width="201";
 NewMask.style.height=(window.parent.document.body.scrollHeight+50)+"px";
 
 
 var TopMask=window.parent.document.createElement("div");
 TopMask.id="TopMask";
 TopMask.style.position="absolute";
 TopMask.style.top="0";
 TopMask.style.left="201";
 TopMask.style.zIndex="1";
 TopMask.style.backgroundColor="#000000";
 TopMask.style.filter="alpha(opacity=30)";
 //TopMask.style.opacity="0.7";
 TopMask.style.width="100%";
 TopMask.style.height="20%";
 window.parent.document.body.appendChild(TopMask);
 
 window.parent.document.body.appendChild(NewMask);
 }
 
//移除遮罩层
function CancelAll()
{
window.parent.document.body.removeChild(window.parent.document.getElementById("TopMask"));
window.parent.document.body.removeChild(window.parent.document.getElementById("Mask"));
}