弹出半透明黑色遮罩层

最新推荐文章于 2022-11-08 17:00:38 发布

海拉姆

最新推荐文章于 2022-11-08 17:00:38 发布

阅读量4.8k

点赞数

<html>
<head>
<style>
a:link{text-decoration:none}
.black_overlay{
             display: none;
             position: absolute;
             top: 0%;
             left: 0%;
             width: 100%;
             height: 100%;
             background-color: black;
             z-index:1001;
             -moz-opacity: 0.8;
             opacity:.80;
             filter: alpha(opacity=35);
         }
         .white_content {
             display: none;
             position: absolute;
             top: 25%;
             left: 25%;
             width: 55%;
             height: 55%;
             padding: 20px;
             background-image:url( http://www.aosae.com/upLoad/Pro/2011428103834687.jpg);
             z-index:1002;
             overflow: auto;
         }
</style>
</head>
<script language="JavaScript" type="text/JavaScript">
function index()
{
document.getElementById("light").style.display="block";
document.getElementById("fade").style.display="block";
}
function never()
{
document.getElementById("light").style.display="none";
document.getElementById("fade").style.display="none";
}
</Script>
<body>
<p><a href = "javascript:void(0)"><img src="用户头像.jpg" onClick="index()"></a></p>
<div id="light" class="white_content"><a "href = "javascript:void(0)" οnclick="never()">
<b>关闭图片</b><a/></div>
<div id="fade" class="black_overlay"></div>
</body>

</html>

欢迎加我的qq技术群425783133