zoukankan html css js c++ java

一个好用的前端阴影弹窗

 <html>
    <!-- 弹窗 -->
 <style> 
   .black_overlay{ 
       display: none; //首先默认隐藏，需要弹出的时候改变css值
       position: absolute; 
       top: 0%; 
       left: 0%; 
       width: 100%; 
       height: 100%; 
       background-color: #3c3c3e; 
       z-index:1001; 
       -moz-opacity: 0.8; 
       opacity:.80; 
       filter: alpha(opacity=88); 
   } 
   .white_content{ 
       display: none; //首先默认隐藏，需要弹出的时候改变css值
       position: absolute; 
       top: 25%; 
       left: 25%; 
       width: 55%; 
       height: 55%; 
       padding: 20px; 
       border: 3px solid grey; 
       background-color: white; 
       z-index:1002; 
       overflow: auto; 
   } 
 </style>
 <div id="light" class="white_content" ></div>
 <div id="fade" class="black_overlay"></div> 
 
 </html>

其效果如下：

查看全文

相关阅读:
英文词频统计
 字符串练习
 第八周
 第七周
 第五周
 第六周
 第三周
 第四周
 第二周
 第一周作业

原文地址：https://www.cnblogs.com/pyspang/p/9437119.html