<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>test</title>
</head>
<style type="text/css">
.aa{
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
filter:alpha(opacity=30);
}
</style>
<script language="javascript">
function show(){
document.getElementById("overlay").style.height = document.documentElement.clientHeight;
document.getElementById("overlay").style.width = document.documentElement.clientWidth;
}
</script>
<body>
<div id="overlay" class="aa"></div>
<input type="button" value="Show" id="but" οnclick="show()">
</body>
</html>
<script language="javascript">
document.all.overlay.oncontextmenu = function(){
return false;
};
</script>
注意需要加上DOCTYPE,还有重载onContextMenu()方法以屏蔽鼠标右键功能