页面弹出框后整体页面变色 博客分类： WEB前端 页面弹出框
程序员文章站
2024-03-24 20:03:04
...
<html>
<head>
<script language="javascript">
function show(){
var element=document.getElementById("yy");
element.style.display="block";
}
</script>
<style type="text/css">
.loginBg{width:100%;height:100%;background-color:#000;opacity:0.70;filter:Alpha(opacity=70);position:fixed;z-index:1000;top:0;left:0;display:none;}
</style>
</head>
<body>
<div id="div" >
第一届抽奖大赛开始!
<input type="submit" value="抽奖" onclick="show();" />
</div>
<div class="loginBg" id="yy" align="center">
<h1 style="color:green;" >您中了一等奖！！</h1>
<img src="13.gif">
</div>
</body>
</html>