<html>

<head>
<title>新文件标题</title>
<script type="text/javascript">
    function Ceng() {
        document.getElementById(\'ceng\').style.display = \'block\';
        document.getElementById(\'close\').style.display = \'block\';
        return false;
    }
    function closeCeng() {
        document.getElementById(\'ceng\').style.display = \'none\';
        document.getElementById(\'close\').style.display = \'none\';
        return false;
         
    }
     
</script>
</head>
<body>
<a href="#" onclick="Ceng()">点击弹出</a>
<div id="ceng" style="position:absolute;z-index:2;left:0;top:0;right:0;filter:alpha(opacity=50);margin:1px 1px;display:none;width:100%;height:100%;text-align:center;">
</div>
<div id="close" style="position:absolute !important;left:30%;top:0px;z-index:3;border:1px solid #ff6600;margin:100px auto;padding:0px;display:none;width:400px;height:300px;text-align:right">
<a href="#" onclick="closeCeng()">关闭</a>
<div style="text-align:center;"><br>
<br> <a href="#">点击查看 >></a></div>
</div>
</body>
</html>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　该文转摘出处不详0.0
****************************有时候遮罩层显示不出来，莫捉急，请看下面***********************************
当你的页面中有position:absolute时，咱们的写的position:absolute可能会失效
<div id="ceng" style="position:absolute;z-index:2;left:0;top:0;right:0;filter:alpha(opacity=50);margin:1px 1px;display:none;width:100%;height:100%;text-align:center;">
 
将position:absolute;换成position: fixed;_position: absolute;可能换出现奇迹！！！
 
ps:第一次写，菜鸟刚入手，如有错误请pass
 
 
 

版权声明：本文为superjinyang原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/superjinyang/p/6678948.html