使用css和最少的javascript用div模拟弹出窗口（Lightbox, Greybox, Thickbox）

背景介绍：实现用最少的Javascript代码实现模拟窗口（以下称为：子页面），使父窗口（以下称为：父页面）不在激活中

 

实现思路：当触发弹出子页面DIV时，在父页面和子页面中间添加一个和父页面同样大小的DIV层，并调整其透明度；当关闭子页面时取消子页面并取消透明层

实现代码：

 

This is the main content. To display a lightbox click here

This is the lightbox content. Close

 

 

参考文章：

1.Javascript实现步骤文章

2.本文参考原文