zoukankan      html  css  js  c++  java
  • div弹出在屏幕中间,锁住页面

    <html>
    <head>
    <title></title>
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">
    <!-- 把下面代码加到<head>与</head>之间-->
    <style type="text/css">
    .black_overlay{display:none;position:absolute;top:0%;left:0%;100%;height:100%;background-color:black;z-index:1001;-moz-

    opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
    .white_content{display:none;position:absolute;top:25%;left:25%;50%;height:50%;padding:16px;border:16px solid orange;background-color:white;z-

    index:1002;overflow:auto;}
    </style>
    </head>
    <body>
    <!--把下面代码加到<body> 与</body>之间-->
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block'; document.getElementById('fade').style.display='block'">点击这里

    打开窗口< /a>
    <div id="light" class="white_content">
    窗口内容
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
    Close</a>
    </div>
    <div id="fade" class="black_overlay"></div>
    </body>
    </html>


       本人博客的文章大部分来自网络转载,因为时间的关系,没有写明转载出处和作者。所以在些郑重的说明:文章只限交流,版权归作者。谢谢

  • 相关阅读:
    Elasticsearch之如何合理分配索引分片
    mybatis 批量插入 decimal精度问题
    在Java项目中打印错误日志的正确姿势
    Fork/Join框架原理
    AOP切面之打印方法时间
    转java之基础 equals和==比较
    Kibana
    基于mq搭建elk
    LogBack
    MongoD副本集(一)
  • 原文地址:https://www.cnblogs.com/wzg0319/p/1693746.html
Copyright © 2011-2022 走看看