在页面中放两个div 第一个宽高都设置成100% 第二个设置成自己想要的大小
<html>
<head>
<title></title>
<script type="text/javascript">
function show() {
document.getElementById("xie").style.display = "";
document.getElementById("content1").style.display = "";
document.getElementById("xie").style.filter = "Alpha(Opacity=50)";//透明度
document.getElementById("content1").innerHTML = "你的内容<input onclick='hide()' type='button' value='确定'/>";
}
function hide() {
document.getElementById("xie").style.display = "none";
document.getElementById("content1").style.display = "none";
}
</script>
</head>
<body>
<div style="width: 100%; background-color:Gray; display:none; height: 100%; position:absolute; left: 0; top: 0;" id="xie"></div>
<div style="width: 260px; background-color:Blue; display:none; height: 113px; position:absolute; left: 244px; top: 137px;" id="content1"></div>
<div id="fuck">
<input onclick="show()" type="button" value="显示"/>
</div>
</body>
</html>
