原文如何使用纯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); // 丰富弹出框内容 ......

最新文章

  1. Angular.js内置的63个指令
  2. DEV主从表
  3. Hanoi T note
  4. 日志分析-Web
  5. Ubuntu14.04+CUDA6.5环境下神经网络工具包Deepnet配置
  6. evernote出现“Sync failed due to unexpected problem at server side”的问题
  7. 【PAT】1025. PAT Ranking (25)
  8. JS 在 HTML 中做加减乘除
  9. 【JAVAWEB学习笔记】25_基础加强:类加载器、注解 @xxx和动态代理
  10. XtraBackup物理备份 阿里云的Mysql备份方案
  11. 《c++ concurrency in action》读书笔记2--线程管理
  12. Centos 安装 android sdk(转)
  13. redis执行lua文件
  14. Java 基础 IO流
  15. Vue学习资料
  16. 在vue-cli中引用公共过滤器filter
  17. php 直接获取url参数赋值成变量。省去繁琐的获取参数,再一个个赋值
  18. 量化交易(Quantitative Trading)
  19. scrapy框架之持久化操作
  20. leetcode367

热门文章

  1. 定位之z-index
  2. linux(centos)下安装supervisor进程管理工具
  3. 大数据之路week04--day06(I/O流阶段一 之异常)
  4. vue 有条件加载组件 执行某方法后再渲染组件
  5. ADO.Net数据库连接字符串、DbProviderFactory
  6. metal tile shader
  7. app连接线上数据库进行本地接口测试
  8. 第五章 Flask视图高级
  9. 2019牛客多校E Androgynos——自补图&&构造
  10. linux 信号量