1 <html> 2 <!-- 弹窗 --> 3 <style> 4 .black_overlay{ 5 display: none; //首先默认隐藏,需要弹出的时候改变css值 6 position: absolute; 7 top: 0%; 8 left: 0%; 9 width: 100%; 10 height: 100%; 11 background-color: #3c3c3e; 12 z-index:1001; 13 -moz-opacity: 0.8; 14 opacity:.80; 15 filter: alpha(opacity=88); 16 } 17 .white_content{ 18 display: none; //首先默认隐藏,需要弹出的时候改变css值 19 position: absolute; 20 top: 25%; 21 left: 25%; 22 width: 55%; 23 height: 55%; 24 padding: 20px; 25 border: 3px solid grey; 26 background-color: white; 27 z-index:1002; 28 overflow: auto; 29 } 30 </style> 31 <div id="light" class="white_content" ></div> 32 <div id="fade" class="black_overlay"></div> 33 34 </html>
其效果如下: