原文 如何使用纯js实现一个带有灰色半透明背景的弹出框
// 加入透明背景
var body = document.body;
var backgroundDiv = document.createElement("div");
backgroundDiv.style.cssText = "left:0;top:0;
position:fixed;
background:#ddd;opacity:0.8;width:100%;height:100%";
body.appendChild(backgroundDiv);
// 加入居中弹出框
var newDiv = document.createElement("div");
newDiv.style.cssText = "position:absolute;margin:auto;
left:0;right:0;top:0;
bottom:0;width:400px;
height:200px;background:white;";
backgroundDiv.appendChild(newDiv); // 丰富弹出框内容 ......
相关文章：
-
2021-10-16
-
2022-01-20
-
2021-10-07
-
2022-12-23
-
2022-12-23
-
2022-01-09
-
2021-11-17
-
2021-11-17