标签：col 窗口 bubuko margin inf span info 不能 alt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="background-color: #00A770;height: 5000px">123</div> <div style="background-color: black;z-index: 9;position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; "></div> <div style="background-color: white;height: 200px;width:400px;z-index: 10; position: fixed;top: 50%;left: 50%;margin-top: -100px;margin-left: -200px"> <input type="text"> <input type="text"> </div> </body> </html>
注意：opacity 设置透明度0.5
z-index 层级顺序
效果如下图
css分层,实现遮罩底层弹出新窗口里可以操作，最下层能看到单不能操作
标签：col 窗口 bubuko margin inf span info 不能 alt
原文地址：https://www.cnblogs.com/topzhao/p/9166468.html
