如何使用纯js实现一个带有灰色半透明背景的弹出框
2024-08-31 13:23:24
// 加入透明背景
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); // 丰富弹出框内容 ......
最新文章
- Angular.js内置的63个指令
- DEV主从表
- Hanoi T note
- 日志分析-Web
- Ubuntu14.04+CUDA6.5环境下神经网络工具包Deepnet配置
- evernote出现“Sync failed due to unexpected problem at server side”的问题
- 【PAT】1025. PAT Ranking (25)
- JS 在 HTML 中做加减乘除
- 【JAVAWEB学习笔记】25_基础加强:类加载器、注解 @xxx和动态代理
- XtraBackup物理备份 阿里云的Mysql备份方案
- 《c++ concurrency in action》读书笔记2--线程管理
- Centos 安装 android sdk(转)
- redis执行lua文件
- Java 基础 IO流
- Vue学习资料
- 在vue-cli中引用公共过滤器filter
- php 直接获取url参数赋值成变量。省去繁琐的获取参数,再一个个赋值
- 量化交易(Quantitative Trading)
- scrapy框架之持久化操作
- leetcode367